shopify javascript display errors

  • Resolved dianae

    (@dianae)


    9 years, 1 month ago

    Please help!
    I have snippets of javascript generated by shopify that I want to use in a micro site. I find that when I dont use page builder’s widgets and simply place the code in the text editor my code shows – see this example:

    https://currencyproducts.com/cash-handling-products/

    but when i use the page builder and attempt to use any of the widget (so that i can style the page – since I’m a novice) I cant get it to display. All I get is symbols! take a look : (different javascript code – but the issue happens even if I use the same code as in the page above):

    https://currencyproducts.com/

    Right where it says “Best Seller”, “Most Used” and “Most Affordable” there should be 3 embedded items (1 for each). I can see the code in the source, but that’s it!

    What am I doing wrong?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dianae

    (@dianae)

    I failed to mentioned that in the page that javascript is working; it has an adverse effect on my footer. It widens it and displays products through it.

    Thread Starter dianae

    (@dianae)

    For those who might be looking without avail. I figure out a solution:

    You must install the CSS & Java toolbox plug-in. it will allow you to copy the java script and assign it to the pages, posts, etc you want.

    When adding a new code block disregard shopify’s first few lines of text and paste your code block starting at the script itself:

    <script type=”text/javascript”>…</noscript>

    The go to where you want your buybutton embedded code to show and post the html code generated by shopify, but be sure to remove the “);” that appears after ShopifyEmbedScript”><\/script>. That is extra characters that do not impact the code and simply end up showing after the embedded product or collection. Each time there seems to be some extra characters generated by shopify. You will be able to identify them since the preview will show your intended content followed by some “Extra” characters.

    To resolve the footer issue. I inserted a CSS attribute to the rows themselves for the height that was just enough to display the content. (height: 400px)

    Hope this helps anyone else looking to do this. I spent so many days combing through forums and the web and on tech support with no luck. This worked for me.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘shopify javascript display errors’ is closed to new replies.