When reading the link below, it says Dawn will have a slider. Either I can’t find it, or it hasn’t been shipped in the last version. Does anyone have insight into this? https://ux.shopify.com/next-generation-theme-design-5aae94f6d44c Edit: I just found a slider example in a section named “featured…

There is a slider component that seems to be used on mobile only, in some sections. The component CSS and JS can be found at: /assets/component-slider.css /assets/slider.js It uses CSS Flex and you’d have to tweak the CSS to show it on desktop too.

I tried everything, by playing with classes and liquid, ALAS! no workaround found! There is a solution but no accepted! Unless, I don’t copy the slider component, and duplicate it and one I call for desktop and other for mobile/tablet version, it doesn’t work for desktop! But duplicating the code …

+1 for this, still looking for a solution aswell. Hope this gets updated soon

I have achieved adding a slider to the product page images by using the slick slider. Notes: This requires adding code and not editing any of the existing. The click to enlarge still works from the existing code. Works on mobile There is 4 files to edit: main-product.liquid section-main-produc…

That’s like adding more code to the theme! Since DAWN is the fastest theme, why to burden it with more code. There should be a way to use that in desktop mode too!

@smj_90 for sure it’s adding more but not too much. I didn’t notice any impact on performance. I started to look into how to implement the built-in slider component but it would take alot of time I don’t have to figure out what CSS @media quires need to be modified or disabled for force showing it o…

@shadowsfall118 Your solution has been the only one that I have seen that works to implement a slider on Dawn’s product page. Very detailed instructions worked great. Thanks

Hi, Fortunately, I manage to customize the Dawn code and added a product slider. I preserve the slider-component code and mostly customize the CSS. Oh I added a javascript code also so when you click the image, the large image container should show the clicked image. Not only that, my product image…

@made4Uo nice work! I’ve quickly put together a version of a simple desktop slideshow for the Dawn theme here: https://dawn-slideshow.myshopify.com/products/example-t-shirt Password: rohwah It’s not the best way of doing that, but it’s an easy one for those who are not used to coding. Code in g…

@made4Uo I followed your guide with a base dawn theme as I like how you implemented the thumbnails but i’m not getting the large main image (only thumbnails). Any thoughts?

Does anyone know about the Dawn slide component availability?

Store Design

oliverjames September 18, 2021, 10:27pm 14

The slideshow works but the images still stay below it which is annoying..

Topic		Replies	Views
DAWN THEME - Product thumbnails as sliders for the dawn theme in specific Store Design	31	319	January 21, 2022
How to change slideshow on Dawn theme from sliding to fading? Store Design	4	56	October 15, 2022
How can I add a product image slider to my Dawn theme store? Store Design	21	310	May 30, 2023
Dawn Theme - Product Page - Product Title over Image slider in Mobile Store Design	11	92	February 7, 2024
Home Page Single Product Carousel Help Store Design design	11	146	December 7, 2024

Does anyone know about the Dawn slide component availability?

Related topics