Dawn - multicolumn section - mobile version - change slider

Store Design
1

Hi,

I’m using the Dawn 2.0 theme.

wortheattt.myshopify.com

I’m using the “multicolumn” section and in the mobile version its slider looks like this:

Ben1000_0-1648239138982.png
Ben1000_0-1648239138982.png338×150 878 Bytes

I want it to change it to dots like this:

Ben1000_1-1648239138981.png

How can I do it?

Thanks

2 Likes
2

@Ben1000
It’s customization work, for that you have to hire a developer.
Thank you.

3

@Ben1000

sorry for that issue new Dawn Theme doesn’t allow this current slider modification

If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding Custom Slider

or if don’t hire Shopify Expert or me

1 Like
4

Hi @KetanKumar ,

Thank you for the link.

To make it work, do I need to do this?

  1. Add this part to the bottom of my section-multicolumn.css?

Ben1000_1-1648649662631.png
Ben1000_1-1648649662631.png1330×928 35.7 KB

  1. Add this part to a new liquid file?

Ben1000_0-1648649630169.png
Ben1000_0-1648649630169.png1218×1310 120 KB

?

Thanks

1 Like
5

@Ben1000

yes, please try and if you have any issue let me know

6

Hi @KetanKumar ,

I tried, but I didn’t work.

7

@Ben1000

yes, please add this code and share store url

8

Hi @KetanKumar

wortheattt.myshopify.com

I created a new section called “multicolumn-new.liquid”


  
  
  
  
  
  

  
    
your content

    your content

    your content

I Added this line to the bottom of the existing file “section-multicolumn.css”

$('.one-time').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  adaptiveHeight: true
});
1 Like
9

@Ben1000

It can be done by doing some code customization. please send me a personal message and we can discuss what you’d like