new Shopify.OptionSelectors("product-select-165437041", { product: filterVariants({"id":165437041,"title":"*Small Bead Frame","handle":"small-bead-frame","description":"\u003cspan\u003eWooden frame with four beaded rows representing units, tens, hundreds and thousands. Helps to develop understanding of counting, addition and subtraction and units.\u003c\/span\u003e","published_at":"2014-08-31T20:22:56+10:00","created_at":"2013-10-17T09:29:04+10:00","vendor":"I AM Montessori","type":"Sensorial","tags":[],"price":3500,"price_min":3500,"price_max":3500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":380117583,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"MA036","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"*Small Bead Frame","public_title":null,"options":["Default Title"],"price":3500,"weight":0,"compare_at_price":null,"inventory_quantity":1,"inventory_management":"shopify","inventory_policy":"deny","barcode":""}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/small_bead_frame.png?v=1381966144"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/small_bead_frame.png?v=1381966144","options":["Title"],"media":[{"alt":"*Small Bead Frame","id":9838166097,"position":1,"preview_image":{"aspect_ratio":1.0,"height":442,"width":442,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/small_bead_frame.png?v=1568679267"},"aspect_ratio":1.0,"height":442,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/small_bead_frame.png?v=1568679267","width":442}],"content":"\u003cspan\u003eWooden frame with four beaded rows representing units, tens, hundreds and thousands. Helps to develop understanding of counting, addition and subtraction and units.\u003c\/span\u003e"}), onVariantSelected: selectCallback });
// Add label if only one product option and it isn't 'Title'. Could be 'Size'.
// Hide selectors if we only have 1 variant and its title contains 'Default'.
$('.selector-wrapper').hide();
// Auto-select first available variant on page load. Otherwise the product looks sold out.
$('.single-option-selector:eq(0)').val("Default Title").trigger('change').selectbox({});
});
jQuery(document).ready(function($){
// Initialize popup as usual
$('.slides').magnificPopup({
delegate: 'a',
type: 'image',
closeOnContentClick: false,
closeBtnInside: false,
mainClass: 'mfp-with-zoom mfp-img-mobile',
image: {
verticalFit: true
},
gallery: {
enabled: true
},
zoom: {
enabled: true,
duration: 300, // don't foget to change the duration also in CSS
opener: function(element) {
return element.find('img');
}
}
});
});
