Shopify Buy Buttons

  • Resolved jefair

    (@jefair)


    9 years, 4 months ago

    I am adding Shopify Buy Buttons to my www.remarpro.com site (faircrochet.ca) to sell my products. The theme is twenty eleven. For the most part it is working well. However, if there is more than one product on a page (ie. more than one Buy Button) the shopping cart does not display at the side of the page. All pages with zero or one product display the shopping cart with no problems.

    Shopify has looked at the problem and concluded there is something in the theme code that is suppressing the shopping cart. I have the barest coding skills and haven’t got a clue what might be wrong. What steps can I take to try to trouble shoot this myself, or can I open some kind of support ticket with wordpress about the issue with the theme?

    This cart code has been placed in the footer:

    <div data-checkout_button_text="Checkout" data-cart_button_text="Cart" data-button_text_color="ffffff" data-button_background_color="7fb466" data-background_color="ffffff" data-text_color="000000" data-accent_color="767676" data-cart_title="Your cart" data-discount_notice_text="Shipping and discount codes are added at checkout." data-cart_total_text="Total" data-sticky="true" data-embed_type="cart" data-shop="faircrochet.myshopify.com"></div>
<script type="text/javascript">
document.getElementById('ShopifyEmbedScript') || document.write('<script type="text/javascript" src="https://widgets.shopifyapps.com/assets/widgets/embed/client.js" id="ShopifyEmbedScript"><\/script>');
</script>

    And a sample product (buy button) looks like this:

    <div data-embed_type="product" data-shop="faircrochet.myshopify.com" data-product_name="Crochet Baby Bobble Travel Blanket; White, Pink and Blue" data-product_handle="crochet-baby-blanket-multi-colour-very-soft" data-has_image="true" data-display_size="compact" data-redirect_to="cart" data-buy_button_text="Add to cart" data-button_background_color="7db461" data-button_text_color="ffffff" data-background_color="ffffff"></div>
<script type="text/javascript">
document.getElementById('ShopifyEmbedScript') || document.write('<script type="text/javascript" src="https://widgets.shopifyapps.com/assets/widgets/embed/client.js" id="ShopifyEmbedScript"><\/script>');
</script>
<noscript><a href="https://faircrochet.myshopify.com/cart/9522024387:1" target="_blank">Buy Crochet Baby Bobble Travel Blanket; White, Pink and Blue</a></noscript>

    Thanks for any advice.

    Jennifer

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello Jennifer,

    Have you tried deactivating your plugins to see if it works then? That is the first thing I do if I encounter an issue such as this with any of my sites.

    Occasionally plugins can conflict with other elements of your site.

    Thread Starter jefair

    (@jefair)

    Thanks, that was something I hadn’t thought of. But sadly, it didn’t make a difference. I’m sorting through themes now to see if I can find one that works.

    Anyone who has successfully put multiple Shopify Buy Buttons on a page, please let me know what theme you used.

    Thanks all!

    Thread Starter jefair

    (@jefair)

    Shopify has added the ability to add an entire collection to a page – this works. So not a solution to my exact problem, but there is a workaround.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Shopify Buy Buttons’ is closed to new replies.