add arrows to swipe between product images (next, previous) on the product page (Dawn 11.0.0 theme)

DRAWandCARE
Explorer
91 0 10

Hello everybody!

 

I'm currently using Dawn 11.0.0 theme for my website and I'm wondering how to add arrows to swipe between product images (next, previous) on the product page.

 

Website link: https://www.drawandcare.com/

 

Will be grateful for any help!

 

we.png

 

Replies 10 (10)
David_SHT
Trailblazer
605 123 122

Hi @DRAWandCARE ,

This is David at SalesHunterThemes.

In this case you need to check the theme settings, maybe it supports for the function as you want.

If your theme does not support for that, you should contact with theme supporter or you need to hire an expert, they will support you build that function for your theme.

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

DRAWandCARE
Explorer
91 0 10

Unfortunately, in the theme settings, I can only enable arrows for thumbnails, but I need them next to the large main photo (for the thumbnails desktop layout).

 

So I think I need a custom css for this.

 

weа.png

 

laddisahsi
Shopify Partner
320 32 35

Hi @DRAWandCARE 

Please check theme settings for this,

If there isn't any setting then have to create custom slider here.

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
DRAWandCARE
Explorer
91 0 10

Unfortunately, in the theme settings, I can only enable arrows for thumbnails, but I need them next to the large main photo (for the thumbnails desktop layout).

 

So I think I need a custom css for this.

 

weа.png

 

laddisahsi
Shopify Partner
320 32 35

@DRAWandCARE 

Yes choose this slider, and then using css can set the arrows.

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
DRAWandCARE
Explorer
91 0 10

Yes, and I actually came here to get a css that would help me do this. Any suggestions?

laddisahsi
Shopify Partner
320 32 35

@DRAWandCARE 

First please add thumbnail slider

 

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
DRAWandCARE
Explorer
91 0 10

Okay, done for this product page: Mini Custom Watercolor Cat Portrait – DRAWandCARE

What should I do now?

laddisahsi
Shopify Partner
320 32 35

Hi @DRAWandCARE 

Feature image doesn't have slider code.

So Have to create  a custom slider for this.

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
DRAWandCARE
Explorer
91 0 10

I understand, but I don't know how to do it. Can you help me?