FROM CACHE - en_header

Brooklyn Theme - Product Page Thumbnails Issue (Bug?)

PandaProper
New Member
9 0 0

When you click on multiple thumbnail images on our product page, for some reason the page jumps down to the "You might also like" section and I have no idea why. Any help would be appreciated!


https://tribelabel.gg/products/island
 is a good example to check out.

Replies 6 (6)
PandaProper
New Member
9 0 0

Since I can't edit my post, I'm replying... I don't think it's jumping to the "You might also like" section, it's actually just jumping to the bottom of the page. I remove the "You might also like" section and it would jump to the bottom.

GetWillthy
Tourist
3 0 1

Did anyone find a solution for this? I am having the same issue. Please help!

PandaProper
New Member
9 0 0

Nope. No response from anyone. It's a very bad UX for my customers.

Nojus
New Member
4 0 0

Hi,

It's the same on my store! On desktop product page jumps after clicking on product images. Doesn't happen on every click, but after going back and forth a few times it happens. It's for all products, here's an example: https://abovethewillow.lt/products/pure-water-ring

Nojus
New Member
4 0 0

Hi guys, I kept on working on this and found a fix that worked for me, you can check it out.

In section product-template.liquid find this part:

 

 

<a href="{{ media | img_url: 'grande' }}" class="product-single__thumbnail{% if media == featured_media %} active-thumb{% endif %}" data-media-id="{{ section.id }}-{{ media.id }}" data-product-thumbnail>
                      <img class="product-single__thumb" src="{{ media | img_url: '150x' }}" alt="{{ thumbnail_alt }}">
                      {%- if media.media_type == 'video' or media.media_type == 'external_video' or media.media_type == 'model' -%}
                        <div class="product-single__thumbnail-badge">
                          {% include 'svg-definitions' with media.media_type %}
                        </div>
                      {%- endif -%}
                    </a>

 

 

 

and replace  with this (it changes a href attribute to div):

 

 

                    <div class="product-single__thumbnail{% if media == featured_media %} active-thumb{% endif %}" data-media-id="{{ section.id }}-{{ media.id }}" data-product-thumbnail>
                      <img class="product-single__thumb" src="{{ media | img_url: '150x' }}" alt="{{ thumbnail_alt }}">
                      {%- if media.media_type == 'video' or media.media_type == 'external_video' or media.media_type == 'model' -%}
                        <div class="product-single__thumbnail-badge">
                          {% include 'svg-definitions' with media.media_type %}
                        </div>
                      {%- endif -%}
                    </div>

 

 

 Let me know if worked.

indigoskies
New Member
1 0 0

Tried replacing the code snippet and it didn't fix anything