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.

I’m having the same issue. did you ever get it resolved? Please share the solution if you did! Thanks.

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.