Skip to content

Instantly share code, notes, and snippets.

{% if bold_mem_helper == 'product' %}
{%include 'bold-memberships-template' %}
{% if bold_membership_partial_redirect != true and bold_membership_full_redirect != true %}
{%include 'bold-memberships-product' %}
{% if bold_hide_item == true %}
{%include bold_noaccess_snippet %}
{% break %}
{% endif %}
{% else %}
{% break %}
<div id='shappify_bundle' onclick='$("form.bundle-form").unbind("submit")'></div>
<script async src="//secure.apps.shappify.com/apps/bundle/product_bundle.php?shop={{ shop.permanent_domain }}&product_id={{ product.id }}&_tmp=1529467710"></script>
<!-- the liquid variable "bold_bundles_widget" is no longer required. The line below replaces it. -->
<div class="bold-bundle" data-product-id="{{ product.id }}"></div>
<script>
jQuery(document).ready(function(){
if(document.location.pathname.indexOf("iframe.php") == -1) {
useMyPosition();
} else {
var infoWindow = new google.maps.InfoWindow({map: map});
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
/* Last updated: January 6, 2017 */
/* CHANGED: Added css for Recurring Memberships modal /*
/* BOLD.CSS
To include this file in your theme, add the following before the closing </head> tag in theme.liquid
{{ 'bold.css' | asset_url | stylesheet_tag }}
*/
/* ~===== LOYALTY POINTS =====~ */
/* Product Page */
.bold-loyalties-redeem a.buy-with-rewards { }
.bold-loyalties-redeem-amount { }
{% if product.metafields.bold_donation.donation_key == 1 %}
<div class="da_bar_div" style="display:none;">
<div class="goal_bar_title" ></div>
<div class="progress" >
<div class="progress-bar progress-bar-striped active da_bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
<span class=""><span class="percentage_num">60</span></span>
</div>
<span class="total_amount" style="float:right; padding-right: 10px;"></span>
</div>
<div class="goal_summary" ></div>
<div id='shappify_bundle' class='css_container' style='display:none' onclick='$("form.bundle-form").unbind("submit")'></div>
<div id='shappify_bundle-{{ product.id }}' onclick='$("form.bundle-form").unbind("submit")'></div>
<script>
if(typeof(Bold) === 'undefined') var Bold = {};
if(typeof(Bold.bundles) === 'undefined') Bold.bundles = {};
function bold_load_bundle(prodID) {
bundlejQuery("#shappify_bundle-" + prodID).html(Bold.bundles[prodID]);
if (typeof (bold_bundle_callback) == "function") {
bold_bundle_callback(prodID);
@boldsupport
boldsupport / bold-btm-upgrade-fields.liquid
Last active October 12, 2017 19:38
Buy the Measurement - Used to make the qty value render differently. Still used by Tier 2 and installs. Linked from: https://support.boldcommerce.com/hc/en-us/articles/208631356-Upgraded-Install-Instructions-for-Buy-the-Measure-includes-Product-Options-Premium-Support
<!-- bold-btm-upgrade-fields.liquid -->
{% comment %} Last Updated: 2017-01-06 {% endcomment %}
{% capture bold_btm_upgrade_fields_liquid %}
{% comment %}
BOLD-BTM-UPGRADE-FIELDS.LIQUID - Upgrades Buy the Measure to work with Premium (Priced) Product Options
USED BY: Buy the Measure
To use this file:
* Include this on the product.liquid page with the other BTM initialization scripts
{{ 'bold-compare.css' | asset_url | stylesheet_tag }}
<script>
var BOLD = BOLD || {};
BOLD.Compare = BOLD.Compare || {
specs_size: {{bold-compare-init.metafields.bold_spec | size}},
language: {{shop.metafields.bold_compare.language | json}},
display: {{shop.metafields.bold_compare.display | json}},
default_product_image: "{{ 'no-image.gif' | img_url: 'thumb' }}"
};
{% assign bold_metafield = bold_product.metafields.bold_spec %}
{% assign bold_meta_size = bold_metafield | size %}
{% if bold_meta_size > 0 %}
<div class="bold_compare_{{ display }}" data-id="{{bold_product.id}}" data-handle="{{bold_product.handle}}"></div>
{%endif%}
/* Bold Custom Responsive Styling for Arrow Headers Theme*/
@media only screen and (max-width: 480px ){
body .shappify_product_builder .option_image_pane {
border-left:none;
width: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}