@shadowsfall118 Thanks for posting the file. I was able to find the problem
Topic summary
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:
- Product slider with zoom feature
- Variant buttons connected to images
- Thumbnail resizing
- Automatic hiding of slider buttons when fewer than 4 images exist
- Free code available on their blog
-
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.
1 Like