Variant Picker not Picking on Chrome Mobile

Shopify Discussion
1

Hello all,

We just went live on our site and I have received some comments that users on Chrome and Edge mobile are not seeing any changes when on a product page and using the Variant Picker to select a variant. The image stays on the first image and never changes to the other variants. Example can be found here:

https://thecraftyhuckleberry.com/products/fridge-magnets?variant=44441565757718

I use Vivaldi on my pc and phone and everything works in both environments as one would expect.

Thanks in advance.

2

I will add that I did modify the product page code to add in a text input box. I had made a copy of the default product page and made my changes in the copy, without modifying the default product page. I just set the product back to the default page and I am still having the issue on Chrome.

thx.

3

Correction. I didn’t do a refresh earlier when trying to switch back to the default product page. To be clear, if I switch back to the default product page the variant picker works. When I use my customized product page, the variant picker does not work. What I changed was to make the Product Description a drop down instead of full on the screen.

Original code in the Craft theme looks like this:

{%- when ‘description’ -%}
{%- if product.description != blank -%}

{{ product.description }}
{%- endif -%}

Code I changed to looks like this:

{%- when ‘description’ -%}
{%- if product.description != blank -%}

Description

{% render 'icon-caret' %}
{{ product.description }}
{%- endif -%}