Hello Everyone! I am using the Shopify Dawn theme. I want to add the slider to featured collection in both desktop and mobile mode. I’ve added two photos below of exactly what I want it to look like, Is it possible? Thank you. Store: https://puppies-paws-shop.myshopify.com Password: Admin Deskto…

Hi @dreamtechzone_5 , Pls try again with this code: .collection .slider-buttons { position: absolute; display: flex; align-items: center; justify-content: space-between !important; top: 50%; width: 85%; left: 11%; transform: translateY(-50%) !important; } .collecti…

Hi @dreamtechzone_5 Yes, it is indeed possible to add a slider to the featured collection on both desktop and mobile modes using the Shopify Dawn theme. If you need assistance with the implementation or further guidance, feel free to ask.

Really, How can I add it? send me the code. Thank you very much.

Hi @dreamtechzone_5 , You can try this code by following these steps: Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file base.css, theme.css or styles.css Step 3: Insert the below code at the bottom of the file → Save .slider-buttons { position: absolute; …

Sliders are showing up everywhere [Screenshot 2024-05-18 223553.png] [Screenshot 2024-05-18 223537.png]

Wow, Really you are great. It Worked. Thank you very much. I appreciate. I have added hover effect on the button. But when hovering here, the arrow is not showing. [Screenshot (61).png] [Screenshot 2024-05-18 232500.png] [Screenshot (60).png]

Hi @dreamtechzone_5 , You can try this code by following these steps: Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code Step 2: Search file base.css, theme.css or styles.css Step 3: Insert the below code at the bottom of the file → Save cart-remove-button a:hover svg path, button.s…

I have pasted the code. But hovering here doesn’t show the icon to increase the quantity. This icon is not showing anywhere. [Screenshot (62).png] [Screenshot (63).png]

Hi @dreamtechzone_5 , Pls insert this code to your file css: button.quantity__button:hover { color: black !important; } Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: :heart_eyes:

Add Collection slider in any page of your shopify store: https://youtu.be/btkve_UkTXI

How to Add slider to featured collection ( Dawn Theme)

Store Design

dreamtechzone_5 May 19, 2024, 8:23am 11

It Worked. Thank you very much.

1 Like

Topic		Replies	Views
How do you add a carousel in featured collection Store Design menu , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	22	323	April 21, 2025
Dawn theme featured collection slider arrows customization Store Design liquid , design , customizations , landing-page , css , shopify-themes , troubleshooting , html	5	36	May 8, 2025
Dawn theme feature collection slider on desktop layout Store Design	2	46	March 22, 2022
Remove slider or reduce padding in Dawn theme Store Design troubleshooting	2	10	May 6, 2024
How can I add a collection slider to the Dawn theme? Store Design css , shopify-themes	1	21	February 28, 2023

How to Add slider to featured collection ( Dawn Theme)

Related topics