How to have the product image slider_dawn theme

Topic summary

Users are seeking ways to implement a product image slider in Shopify’s Dawn theme without using apps.

Initial Challenges:

  • Early attempts involved custom code from external tutorials, but users encountered issues like broken “add to cart” buttons and uncertainty about where to paste code snippets.
  • One user found a solution at made4uo.com that worked well but wanted mouse-over zoom instead of image pop-ups.

Working Solutions Shared:

  • made4Uo provided a free code solution converting Dawn’s product page to Debut-style functionality, featuring:
    • Working product slider and zoom
    • Variant buttons connected to images
    • Thumbnail resizing
    • No external libraries or apps needed
  • A vertical carousel solution was later shared for updated Dawn versions.
  • Guybrush_shopz created a custom tutorial without extra libraries.

Built-in Solution:

  • Hey_Jak revealed that Shopify Dawn theme has a native slider feature that simply needs to be enabled through theme settings, eliminating the need for custom code.

Ongoing Issues:

  • Some users reported “missing or invalid parameter” errors when adding items to cart.
  • Mobile display questions remained about showing all images vertically without scrolling.
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Hi Communnity!

As in a subject. I found a guy who gives all the coding but I don’t know where to paste them (this is the site with it: https://barstool.engineering/product-image-slider-for-shopify-dawn-theme/

I can imagine this might be a lot to do but maybe someone will help!

Url: https://www.camelie.pl/

Pass: GGzorza

Thank you!

https://gist.github.com/josephbona/b300b9e81e3bc53e27493555ae6795c1

It’s not working properly. The add to cart button does not work.

There is no such file like ‘product-galery.js’.i create it but did not help

Thank you though!

I found this solution. It is almost perfect for what I want except I’d rather have the zoom over with mouse instead of the image pop up.

https://made4uo.com/blogs/journey-to-awesome-shopify-website/product-slider-for-dawn-theme

@tkogiah

Please update your code. Transform you Dawn Theme in Debut theme product page for free.

Enjoy this features:
Product slider working.
Zoom feature working.
Variant buttons connected to the large image and the product slider.
Resize your thumbnail images.
No more massive images in the product page.

Check the code here for free. No app needed. See video for preview

Heeeey you’re awesome. I did end up getting it figured out but I’m excited to see how you did it!!

That’s great. Have you figured out the radio buttons or the variant buttons that would change the large image and the thumbnail images too? Check 0:58 in the video

Hi,

How can I do to see all the images in the mobile phone? I want that all of them appears under the main photo. Do you know how to do it? thanks!

Hi,

I just made a vertical carousel for the update theme version of Dawn theme. No app or external library needed. Check the video for more info

Thanks for your help but I would like to see all the images at the mobile phone without scroll… just like in the computer… do you understand me? Do you know how to do it? thanks!

hello after doing this all working but getting error when add to cart -

Required parameter missing or invalid: items

Hello everyone! We also tried several of the tutorials out there, and none of them really seemed to work or they came with lots of extra libraries - so I decided to write a version and a tutorial myself. It’s free to read here - would love to hear if its helps anyone: https://www.der-burtchen.de/2022/05/ein-produkt-slider-mit-dem-shopify-theme-dawn/2/

If anyone needs this in the future, Shopify has a built-in solution we just need to enable it.
How to create product slider in Shopify Dawn theme 2023 (jabwebsolution.com)

Product slider in shopify dawn theme free