Dawn 11 - auto sliding collection carousel

yoomzy
Shopify Partner
13 0 3

Hi guys! I’d like to make my featured collection carousel and mobile swipe automatically slide from product to product (infinitely)

I’ve been trying to turn dawn’s carousel/mobile swiper into an automatic slider, but can’t seem to figure it out.

 

as always, any and every bit of help is greatly appreciated. Thanks in advance! 🙂

 

Store url: https://hjskr1-testing.myshopify.com

password: enter

IMG_6489.png

Replies 5 (5)

theycallmemakka
Shopify Partner
1495 337 361

Hi @yoomzy ,

 

Autoscroll is currently not supported by default dawn theme. However we can achieve this my making theme updates and using JS library https://kenwheeler.github.io/slick/

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Dan-From-Ryviu
Shopify Partner
7729 1507 1515

Hi @yoomzy 

You can try go to your Online store > Themes > Edit code > open main-collection-product-grid.liquid, add this code below after "<ul" 

data-slick='{"autoplay: true}'

So the code look like this and check if it works 

Screenshot 2023-10-30 at 10.32.18.png

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

iamabeginner
Excursionist
11 0 6

This is not working for me

MRamzan
Shopify Partner
165 2 23

You can create a beautiful slider in your shopify DAWN theme or any of the Shopify free themes without any App.

Without using any third party library.

Here is the video.

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112
iamabeginner
Excursionist
11 0 6

How to display products from a single collection like this?