Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

kelpcreative

Member
  • Posts

    5
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. @tuanphan it's the button and the dropdown that needs to be hidden
  2. @tuanphan thanks for your comment. I injected the code into the 'head' tag. Sorry I'm not that savvy with code so can you please let me know how I would go about using CSS to hide the button on the top left? Thanks
  3. Is there a way to use the Code Injection and add the following code to the header or footer without the button showing on the top left? <div id='product-component-7c99128320b'></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: 'die-stander-baard-kompanjie.myshopify.com', storefrontAccessToken: '7be21deb65addf5c0e6e894f71ff2bea', }); ShopifyBuy.UI.onReady(client).then(function (ui) { ui.createComponent('product', { id: [3912100053070], node: document.getElementById('product-component-7c99128320b'), moneyFormat: 'R%20%7B%7Bamount%7D%7D', options: { "product": { "variantId": "all", "width": "240px", "contents": { "img": false, "imgWithCarousel": false, "title": false, "variantTitle": false, "price": false, "description": false, "buttonWithQuantity": false, "quantity": false }, "text": { "button": "VOEG BY TROLLIE" }, "styles": { "product": { "text-align": "left", "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0", "margin-bottom": "50px" } }, "button": { "background-color": "#000000", ":hover": { "background-color": "#000000" }, ":focus": { "background-color": "#000000" }, "font-weight": "normal" }, "variantTitle": { "font-weight": "normal" }, "title": { "font-size": "26px" }, "description": { "font-weight": "normal" }, "price": { "font-size": "18px", "font-weight": "normal" }, "compareAt": { "font-size": "15px", "font-family": "Helvetica Neue, sans-serif", "font-weight": "normal" } } }, "cart": { "contents": { "button": true }, "text": { "title": "Trollie", "total": "SUB TOTAAL", "notice": "Pos en afslagkodes word by die kassier bygevoeg.", "button": "GAAN VOORT MET BETALING", "empty": "Jou trollie is leeg." }, "styles": { "button": { "background-color": "#000000", ":hover": { "background-color": "#000000" }, ":focus": { "background-color": "#000000" }, "font-weight": "normal" }, "footer": { "background-color": "#ffffff" } } }, "modalProduct": { "contents": { "img": false, "imgWithCarousel": true, "variantTitle": false, "buttonWithQuantity": true, "button": false, "quantity": false }, "styles": { "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0px", "margin-bottom": "0px" } }, "button": { "background-color": "#000000", ":hover": { "background-color": "#000000" }, ":focus": { "background-color": "#000000" }, "font-weight": "normal" }, "variantTitle": { "font-weight": "normal" }, "description": { "font-weight": "normal" }, "price": { "font-weight": "normal" }, "compareAt": { "font-family": "Helvetica Neue, sans-serif", "font-weight": "normal" } } }, "toggle": { "styles": { "toggle": { "background-color": "#000000", ":hover": { "background-color": "#000000" }, ":focus": { "background-color": "#000000" }, "font-weight": "normal" } } }, "productSet": { "styles": { "products": { "@media (min-width: 601px)": { "margin-left": "-20px" } } } } } }); }); } })(); /*]]>*/ </script>
  4. Hi all,I've a question about integrating Shopify add to cart buttons to Squarespace product pages.I've added Shopify 'add to cart' buttons to product pages. This is one of them: https://www.diestanderbaardkompanjie.co.za/test. (Password: 123456) The code has been generated by Shopify.It works as follows, if someone adds a product to the cart, a cart icon is shown on the right of the screen. The icon will be shown on every page where there's an add to cart button. So if you go to another product page with a similar button the cart icon is visible. However, this means on other pages of the website the cart icon is not visible.My question: is there a way to make the cart icon visible on every page? Shopify support couldn't help me. Bit of same policy as SS, no support on custom code.I do have a workaround direction in mind. If I add the same code snippet to the footer the cart icon is shown on every page. However, this also shows the add to cart button in the footer. Maybe there's a way to enhance the code in such a way that the add to cart button is not shown in the footer?
×
×
  • Create New...