new Shopify.OptionSelectors("product-select-2920374533", { product: filterVariants({"id":2920374533,"title":"Division Bead Board","handle":"division-bead-board","description":"","published_at":"2015-11-16T15:19:00+10:00","created_at":"2015-11-16T15:21:07+10:00","vendor":"I AM Montessori","type":"Mathematics","tags":[],"price":3995,"price_min":3995,"price_max":3995,"available":false,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":8588588229,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"MA035","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Division Bead Board","public_title":null,"options":["Default Title"],"price":3995,"weight":0,"compare_at_price":null,"inventory_quantity":0,"inventory_management":"shopify","inventory_policy":"deny","barcode":""}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_c55d5632-b8d2-4f80-bea8-282cff0003e5.jpeg?v=1447651269"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_c55d5632-b8d2-4f80-bea8-282cff0003e5.jpeg?v=1447651269","options":["Title"],"media":[{"alt":"Division Bead Board","id":35867885649,"position":1,"preview_image":{"aspect_ratio":1.651,"height":175,"width":289,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_c55d5632-b8d2-4f80-bea8-282cff0003e5.jpeg?v=1568727970"},"aspect_ratio":1.651,"height":175,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0274\/9811\/products\/1_c55d5632-b8d2-4f80-bea8-282cff0003e5.jpeg?v=1568727970","width":289}],"content":""}), 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.
});
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');
}
}
});
});
