Hi - can anyone help? Currently, my thumbnails are stacked on each other in a square shape with no space between the thumbnails.
Instead - I would like to make my thumbnails on the left side to be circular and have space between them like this example…I am using the Dawn theme.
Thank you!
Hey @jcrispy ,
Could you share the link to your store? And please share a screenshot of the thumbnails you want to amend if possible. Thanks!
This is what I’d like to accomplish for my products page!
Please share your store link as well please.
Currently my product page images are stacked. But I would like them to look like the image I provided.
This is what I have right now…
Wondering how to get thumbnails to the left of the main picture and to make the thumbnails a circle shape.
Thank you!
Hey @jcrispy ,
I didn’t realise you changed the slider halfway, I was already writing the code and once you changed I had to restart all over again.
Anyway I completed it now, and it is nice on desktop, but on mobile it’s not so nice so I disabled it for mobile.
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Oh my gosh - I’m so sorry! I apologize!!!
Let me see if this works.
No worries, just refresh the page here, I edited the post and changed the code abit. I forgot to add some priorities
It worked for my tees and sweatshirts collections, but my totebags, glassware and mens section - the photos went away?
@jcrispy Hope you are doing well.
Did you check if your theme settings provide such an option in theme customization?
Hey @jcrispy ,
I see that the sections totebags, glassware and mens are using the old stack method, maybe it’s a different product template? Can you switch them to the new slider that you did for the others?
Oh yes - let me try that!
So it seems if my product only has one picture, then it has disappeared?
@jcrispy ,
If you’re talking about the gift card, I see that also is using the stack method. What happens when you try to switch it to the slider? Or any product with one picture for that matter.
In case @jcrispy ,
You could replace the code with this one which will check if the slider is enabled and only then apply the effect.
Just remove the code from the previous post and replace it with the one below. You don’t need to change anything else.
I
I just checked and I did the same thing to all my product templates…with the thumbnails/carousel. But any product listings with one photo has gone away (Gift card, or some of my totes and glassware).
Try the code I just posted above @jcrispy , so far it seems to work when I test it.