Shopify themes, liquid, logos, and UX
Hi all,
We're encountering an issue where after a user clicks between thumbnails a couple of times, the page automatically shifts down to the bottom of the page.
Is there a solution for this? Our page URL is https://footyintl.com
Thank you in advance!
Do not use <a href> to call your images. There are several ways to call the large images with the thumbnails. You can use dataset or loop.index
Hi @MitchellFly,
I checked and it could be Focus error in JS. Please go to assets > theme.js file, find 'productThumbnailSwitch:', and remove code: https://i.imgur.com/MtwbScC.png
Hope it helps!
Hi there--apologies for the late response! I went through and found that code, deleted it, and still had the same result where clicking between photos would send the pageview to the bottom. Thank you though!
@LitCommerce this is what our code looks like currently (I added in the deleted code here). Not sure if this helps, but it's what we're looking at!
Hi @MitchellFly,
This is just a suggestion, can you remove it and check again? https://i.imgur.com/jHPqOX4.png
Hi @LitCommerce ,
I tried deleting it and didn't have any success--still faced the same issues. Thank you for your input!
- Mitchell
This is probably because the images are not the same height? Adding a fixed height to the image container would help, but the best solution is to make sure all the images are the same dimension.
Thank you, Ketan! Do you know how we can set fixed image heights for our product photography?
Hi @MitchellFly, the easiest and the best solution is to upload all your images at the same size, e.g. 1024 x 1024px. If you do it this way, there'll be fewer layout issues and everything is consistent. It can be done using CSS, but it gets very complicated.
Thank you!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024