hi slider not working I am not sure what I have done wrong https://blackpearlcoating.co.uk/products/black-pearl-black
Can you upload your codes here so I can take a look?
Also, might I suggest to use GIMP (free version) to resize all your products pictures with applying a transparent background so when switching between pictures, it's not moving the whole page
and since you have a lot of information for your products you ca use <!-- split -->
Here's my website as an example: https://petlantis.ca/collections/dog-toys/products/foufit-woodland-spiker-2-in-1-toys
What a brilliant code there. Thank you for your generosity in sharing the code with us too!
I was wondering if it is possible to wipe the image on the pictures to change the images instead of clicking them? (please refer to image)
This was also brought up in another thread
It seems that another Shopify store with debut theme managed to achieve this.. "https://bettyberry.co.uk/collections/vintage/products/copy-of-khaki-check-trousers"
Thanks in advance!
The best way to do this editing your photos. It makes them organized on product page and collection page (especially for smaller devices)
What to do is to create a background for your images either transparent or colored to make the image a square.
I use GIMP to edit. You can use Photoshop and others but GIMP is free and easy to learn. I learned it in less than a day, Just search "how to" on Youtube, there are tons of videos.
Another way is to pay for an app to do this for you, but honestly, it's very easy to do it yourself and save a few $$$
as soon as I insert your code at the second _initBreakpoints() in the theme.js, I get the issue that when I click on a thumbnail product picture in my store, it becomes full screen. It does not come up as the picture in the frame, but just takes over the entire screen :) Do you know what might be the issue here? Thnx!
Edit: I fixed it. All the best.