TheMonetizr

Silver Creek Paddle Shop

May 19th, 2017
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div id='collection-component-8b091d03edc'></div>
  2. <script type="text/javascript">
  3. /*<![CDATA[*/
  4.  
  5. (function () {
  6.   var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
  7.   if (window.ShopifyBuy) {
  8.     if (window.ShopifyBuy.UI) {
  9.       ShopifyBuyInit();
  10.     } else {
  11.       loadScript();
  12.     }
  13.   } else {
  14.     loadScript();
  15.   }
  16.  
  17.   function loadScript() {
  18.     var script = document.createElement('script');
  19.     script.async = true;
  20.     script.src = scriptURL;
  21.     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
  22.     script.onload = ShopifyBuyInit;
  23.   }
  24.  
  25.   function ShopifyBuyInit() {
  26.     var client = ShopifyBuy.buildClient({
  27.       domain: 'instagramprinted.myshopify.com',
  28.       apiKey: 'dd7a9a8a2b5f5feddb15ca1b78e7f8cc',
  29.       appId: '6',
  30.     });
  31.  
  32.     ShopifyBuy.UI.onReady(client).then(function (ui) {
  33.       ui.createComponent('collection', {
  34.         id: 423728330,
  35.         node: document.getElementById('collection-component-8b091d03edc'),
  36.         moneyFormat: '%24%7B%7Bamount%7D%7D',
  37.         options: {
  38.   "product": {
  39.     "variantId": "all",
  40.     "contents": {
  41.       "imgWithCarousel": false,
  42.       "variantTitle": false,
  43.       "description": false,
  44.       "buttonWithQuantity": false,
  45.       "quantity": false
  46.     },
  47.     "styles": {
  48.       "product": {
  49.         "@media (min-width: 601px)": {
  50.           "max-width": "calc(25% - 20px)",
  51.           "margin-left": "20px",
  52.           "margin-bottom": "50px"
  53.         }
  54.       },
  55.       "button": {
  56.         "background-color": "#1f75b9",
  57.         ":hover": {
  58.           "background-color": "#1c69a7"
  59.         },
  60.         ":focus": {
  61.           "background-color": "#1c69a7"
  62.         }
  63.       }
  64.     }
  65.   },
  66.   "cart": {
  67.     "contents": {
  68.       "button": true
  69.     },
  70.     "styles": {
  71.       "button": {
  72.         "background-color": "#1f75b9",
  73.         ":hover": {
  74.           "background-color": "#1c69a7"
  75.         },
  76.         ":focus": {
  77.           "background-color": "#1c69a7"
  78.         }
  79.       },
  80.       "footer": {
  81.         "background-color": "#ffffff"
  82.       }
  83.     }
  84.   },
  85.   "modalProduct": {
  86.     "contents": {
  87.       "img": false,
  88.       "imgWithCarousel": true,
  89.       "variantTitle": false,
  90.       "buttonWithQuantity": true,
  91.       "button": false,
  92.       "quantity": false
  93.     },
  94.     "styles": {
  95.       "product": {
  96.         "@media (min-width: 601px)": {
  97.           "max-width": "100%",
  98.           "margin-left": "0px",
  99.           "margin-bottom": "0px"
  100.         }
  101.       },
  102.       "button": {
  103.         "background-color": "#1f75b9",
  104.         ":hover": {
  105.           "background-color": "#1c69a7"
  106.         },
  107.         ":focus": {
  108.           "background-color": "#1c69a7"
  109.         }
  110.       }
  111.     }
  112.   },
  113.   "toggle": {
  114.     "styles": {
  115.       "toggle": {
  116.         "background-color": "#1f75b9",
  117.         ":hover": {
  118.           "background-color": "#1c69a7"
  119.         },
  120.         ":focus": {
  121.           "background-color": "#1c69a7"
  122.         }
  123.       }
  124.     }
  125.   },
  126.   "productSet": {
  127.     "styles": {
  128.       "products": {
  129.         "@media (min-width: 601px)": {
  130.           "margin-left": "-20px"
  131.         }
  132.       }
  133.     }
  134.   }
  135. }
  136.       });
  137.     });
  138.   }
  139. })();
  140. /*]]>*/
  141. </script>
Advertisement
Add Comment
Please, Sign In to add comment