Hi there,
I hope someone can assist, I have followed a couple of tutorials to make the images linked to the slideshow clickable and also added code to remove the container embedded into each image of the slideshow.
Please note: My Shopify site is not published yet in production, I am making adjustments while it is in an unpublished view.
The below was used to aid me in making the images linked to the slideshow section clickable:
I also used the below code to completely remove the slideshow container:
.slideshow__text-wrapper { opacity: 0; display: none !important; }
However, the issue I am facing is, when I add the above code to make the images clickable, I did this 4 times already, and 3 out of the 4 times - the slideshow images once clicked on had no option for me to link a page / collection to the image nor did it ask me to add in a URL.
The only time it did work, and I did add the collection, once I saved my changes. The slideshow images on desktop view and mobile view were not clickable, like nothing happened when I clicked on the image, but then when I went back to check the collection the image was linked to, that actual field of adding a page / collection etc. was missing.
I’m completely confused, I’m unsure if this is related to the recent 14.0.0 Dawn theme upgrade?
Please note: the code to remove the container as mentioned above, does work. However, I am unsure if this case added in the base.css actually had an impact or affected the code input for slideshow clickable images.
My outcome: I want my customers once they are on my page to see multiple images on the slideshow section, wherein each image is clickable to enter into a collection / page. I don’t want the container there as in mobile view, I don’t like the fact that you can see the container underneath the image, it’s too bulky and does not look great.
Can someone please assist?
Thank you!