5-principles-of-effective-web-design

<div id='product-component-1708712257925'></div> <script type="text/javascript"> /*<![CDATA[*/ (function () { var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js'; if (window.ShopifyBuy) { if (window.ShopifyBuy.UI) { ShopifyBuyInit(); } else { loadScript(); } } else { loadScript(); } function loadScript() { var script = document.createElement('script'); script.async = true; script.src = scriptURL; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script); script.onload = ShopifyBuyInit; } function ShopifyBuyInit() { var client = ShopifyBuy.buildClient({ domain: 'madeforeyou.myshopify.com', storefrontAccessToken: 'bef0f17327856106878e19cfb75a1025', }); ShopifyBuy.UI.onReady(client).then(function (ui) { ui.createComponent('product', { id: '7617797423273', node: document.getElementById('product-component-1708712257925'), moneyFormat: '%24%7B%7Bamount%7D%7D', options: { "product": { "styles": { "product": { "@media (min-width: 601px)": { "max-width": "calc(25% - 20px)", "margin-left": "20px", "margin-bottom": "50px" } }, "button": { "font-family": "Avant Garde, sans-serif", "font-size": "18px", "padding-top": "17px", "padding-bottom": "17px", ":hover": { "background-color": "#D32701" }, "background-color": "#EA2B01", ":focus": { "background-color": "#D32701" }, "border-radius": "0px", "padding-left": "50px", "padding-right": "50px" }, "quantityInput": { "font-size": "18px", "padding-top": "17px", "padding-bottom": "17px" } }, "contents": { "img": false, "title": false, "price": false }, "text": { "button": "Add to cart | $39.95" } }, "productSet": { "styles": { "products": { "@media (min-width: 601px)": { "margin-left": "-20px" } } } }, "modalProduct": { "contents": { "img": false, "imgWithCarousel": true, "button": false, "buttonWithQuantity": true }, "styles": { "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0px", "margin-bottom": "0px" } }, "button": { "font-family": "Avant Garde, sans-serif", "font-size": "18px", "padding-top": "17px", "padding-bottom": "17px", ":hover": { "background-color": "#D32701" }, "background-color": "#EA2B01", ":focus": { "background-color": "#D32701" }, "border-radius": "0px", "padding-left": "50px", "padding-right": "50px" }, "quantityInput": { "font-size": "18px", "padding-top": "17px", "padding-bottom": "17px" } }, "text": { "button": "Add to cart" } }, "option": {}, "cart": { "styles": { "button": { "font-family": "Avant Garde, sans-serif", "font-size": "18px", "padding-top": "17px", "padding-bottom": "17px", ":hover": { "background-color": "#D32701" }, "background-color": "#EA2B01", ":focus": { "background-color": "#D32701" }, "border-radius": "0px" } }, "text": { "total": "Subtotal", "button": "Checkout" }, "popup": false }, "toggle": { "styles": { "toggle": { "font-family": "Avant Garde, sans-serif", "background-color": "#EA2B01", ":hover": { "background-color": "#D32701" }, ":focus": { "background-color": "#D32701" } }, "count": { "font-size": "18px" } } } }, }); }); } })(); /*]]>*/ </script>