Shopify themes, liquid, logos, and UX
I am currently customizing the Shopify Dawn theme and I want to create an image banner slideshow. I don't need any keys to control the slideshow, only the settings option in the admin panel for the duration and the text setup. I tried using the slideshow section, but I didn't like it because when I removed the control buttons, the images stopped swapping.
Solved! Go to the solution
This is an accepted solution.
Hey @KingDiox,
Revert any coding changes you made to the slideshow section, and then set it up normally, with the different images you want. If you don't want any text or buttons to show over top of it, then leave those fields blank.
From there, click into the the main "Slideshow" section from the left-hand menu within the theme editor. Then on the right-hand side, under "Custom CSS", add the following code:
.slideshow__controls {
display: none;
}
This will achieve what you're wanting, where the slides can still auto-rotate, but the buttons at the bottom don't show.
Cheers,
Stephen
★ Did my post help? If yes, then please like and accept solution. ★
https://stephens.world
support@stephensworld.ca
This is an accepted solution.
Hey @KingDiox,
Revert any coding changes you made to the slideshow section, and then set it up normally, with the different images you want. If you don't want any text or buttons to show over top of it, then leave those fields blank.
From there, click into the the main "Slideshow" section from the left-hand menu within the theme editor. Then on the right-hand side, under "Custom CSS", add the following code:
.slideshow__controls {
display: none;
}
This will achieve what you're wanting, where the slides can still auto-rotate, but the buttons at the bottom don't show.
Cheers,
Stephen
★ Did my post help? If yes, then please like and accept solution. ★
https://stephens.world
support@stephensworld.ca
Hey thank you for the controls, do u know how can I make the slideshow image to have the same size as the image banner on mobile.
I think that would just require you to use the same sized images.
Ex. if you're using 1200x400 in the image banner, then you'd want to use 1200x400 for the images in the slideshow (to make them the same sizes).
★ Did my post help? If yes, then please like and accept solution. ★
https://stephens.world
support@stephensworld.ca
I ve used the same images, the problem is that the height on mobile is 30% smaller than the usual banner, is there's are any css code that I can simply modify to change the size?
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024