Articles in this section

See more

Extended logic product code

Avatar
Kristine Lam
  • Updated
Follow

I've just implemented the extended logic code and for some reason when I take out the lines:

 

   <select id="product-variants" name="id">
{% for variant in product.variants %}
<option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option>
{% endfor %}
</select>

   <select id="product-variants" name="id"> {% for variant in product.variants %} <option value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money }}</option> {% endfor %} </select>

The image gallery script stops working and all the images open in a new window when clicked. The continue to shop gallery slide also does not function.

Is there something that I'm missing out here?

 

Here's the link to my store:

www.trinistyles.com

 

Comments

2 comments

Sort by Date Votes
  • Avatar
    Zetya Support

    Hi Kristine,

    Yes, you are missing something - you need to remove this line:

            new Shopify.OptionSelectors("product-variants", {product: product, onVariantSelected: selectCallback}); // initialize multi selector for product

    Also, if you are making changes to the layout I'd highly recommend you use the w3c validator: http://trini.myshopify.com/collections/outerwear/products/teddy-bear-furry-fleece-zip-up If you see errors when you run it against your site there is a risk it will not display properly in all browsers.

    Thanks, Gavin.

    0
    Permalink
  • Avatar
    Kristine Lam

    Ah that did the trick!

    And thanks for the suggestion :) 

    0
    Permalink

Please sign in to leave a comment.

Related articles