The Dawn theme’s slider component exists but is limited to mobile-only use in certain sections, with CSS and JavaScript files available in the assets folder. Desktop implementation requires custom CSS modifications.
Community Solutions:
shadowsfall118 provided a detailed 4-file implementation using Slick Slider for product page images, maintaining click-to-enlarge functionality and mobile compatibility
made4Uo developed a comprehensive solution preserving Dawn’s native slider-component code while adding:
marcoswata created a simpler desktop slideshow version with code on GitHub, requiring modifications to main-product.liquid, component-slider.css, and product-thumbnail snippets
JohnFromJotting offered an alternative using Flickity library for more intuitive slide functionality
Technical Notes:
Some reversed/encoded text in posts suggests formatting issues. Multiple users confirmed working implementations on Dawn 9.0. Solutions range from basic CSS tweaks to full Debut-theme-style product page conversions, all available without requiring paid apps.
I followed the instructions, and the slider itself works great.
But I have a problem with the slider-counter. Since I edited my Dawn theme code and changed it to Right-to-Left, I believe it’s making it a little bit mixed up.
For some reason it’s not showing me all numbers, but only the total-media, while the current image number is different everytime.
I added a short video to demonstrate.
Help would be appreciated.