Shopify Button Breaks Table

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #10905



    First thanks very much for your plugins, I think they are just great!!!

    However I have a small problem, I am trying to add a shopify button into a cell and when I do the following rows do not show. I suspect it is something to do with the use of div components and I hope you can help resolve this issue.

    Here is a link to the full table

    And here is a link to the version of the table with a button in row one. you can see that rows two and three do not show up.

    Below is the code I am using to add the Shopify Buy button.

    <div data-embed_type="product" data-shop="" data-product_name="Bulgaria Yoga Retreat" data-product_handle="bulgaria-yoga-retreat" data-has_image="false" data-display_size="compact" data-redirect_to="cart" data-buy_button_text="Add to cart" data-buy_button_out_of_stock_text="Out of Stock" data-buy_button_product_unavailable_text="Unavailable" data-button_background_color="7fb466" data-button_text_color="ffffff" data-product_modal="false" data-product_title_color="000000" data-next_page_button_text="Next page" data-variant_id="25726103049"></div>
    <script type="text/javascript">
    document.getElementById('ShopifyEmbedScript') || document.write('<script type="text/javascript" src="" id="ShopifyEmbedScript"><\/script>');
    <noscript><a href="" target="_blank">Buy Bulgaria Yoga Retreat</a></noscript>

    Is there anything I can do to get this button into my table?

    Many thanks



    Here is the link to the broken table

    Hmm also, for some reason the script I added above does not show correctly. For example I pasted a less that character but it appears as < which is not correct.

    I did use the code tag but it has not worked. Can anyone tell me how to correctly past html tags please?



    Third attempt at pasting code…

    <div data-embed_type=”product” data-shop=”” data-product_name=”Bulgaria Yoga Retreat” data-product_handle=”bulgaria-yoga-retreat” data-has_image=”false” data-display_size=”compact” data-redirect_to=”cart” data-buy_button_text=”Add to cart” data-buy_button_out_of_stock_text=”Out of Stock” data-buy_button_product_unavailable_text=”Unavailable” data-button_background_color=”7fb466″ data-button_text_color=”ffffff” data-product_modal=”false” data-product_title_color=”000000″ data-next_page_button_text=”Next page” data-variant_id=”25726103049″></div><script type=”text/javascript”>document.getElementById(‘ShopifyEmbedScript’) || document.write(‘<script type=”text/javascript” src=”; id=”ShopifyEmbedScript”><\/script>’);</script>



    I redirected your request to our developer. I’ll let you know as soon as he replies.


    Hello @johnhoward!

    Our developer has checked your code, and it seems nothing is wrong with it. However there could be a problem with escape character while displaying a table. So please contact us in the Internal Support and we will try to help you.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts