How can I incorporate an image slider into the Dawn theme?

Danish864
Excursionist
21 1 7

Hi, Dawn theme looks awesome to use but it does not have image slider on homepage. How can i add image slider in it. Thankyou

Replies 21 (21)

OpenThinking
Shopify Partner
321 81 120

Hi there,
Jack from OpenThinking here!

Dawn doesn't have this function. You'll need to implement it by yourself. Since it's a complex task, we can implement that for you, feel free to contact us. (But keep in mind that Carousels are not recommended)

 

Why Carousels are a bad idea:

But it's been documented that Carousels (Image sliders) are ineffective at converting site visitors, annoying and are slowing down your website and are bad for SEO.

Common issues include:

  • Only a small percentage of site visitors actually click on a slide .
  • Content goes unread because readers are not clicking through the whole slider and will skim through the carousel content.
  • Confuse people by offering multiple items at the same time.
  • Easily ignored as being misinterpreted as an ad banner.
  • Slow your site and negatively impact SEO and conversion rate with site visitors.
  • Don’t always work well on mobile devices.
  • Sometimes annoy users when the carousel content starts sliding to quickly.

Read more: Article 1, Article 2, Article 3, Article 4


let me know if this works for your. If yes; accept my answer and give me thumbs up! Thank you.

️ Get our [Shopify Themes]: Lightning-fast, eye-catching, highly converting, SEO-optimised, Minimal.
Struggling with CODE? You need a Shopify expert to help you with your theme! [Get a free quote]
LIxiao
Shopify Partner
5 0 0

Hi, Dawn theme looks awesome to use but it does not have image slider on homepage. How can i add image slider in it. Thankyou

ACA5601
Visitor
1 0 0

Hi , I read the first articule, it seems good logic. However ecommerce sites like amazon, mercado Libre almost all the big brands use carrousell. I think they have mucho more data and information than anyone else so I THINK CARROUSEL WORK .

demib
Shopify Partner
132 13 62

I think you should seriously rethink you desire for a slider. All user studies show that it really isn't good.

Do you do it to impress someone - or to sell more? If your focus is on selling drop the slider 

https://shouldiuseacarousel.com/

SEO Geek since 1996, consultant author and public speaker. Admin of the Shopify SEO Facebook Group

Was your question answered? Kindly mark it as an Accepted Solution 🙂

diego_ezfy
Shopify Partner
2967 571 899

@Danish864 

It's not rare to find carousels/slideshows having a bad rep between designers and developers, however, the truth of the matter is that: depending on one's business and if used properly, it will help with sales. Amazon, Aliexpress, other giants & the top selling premium Shopify themes are using carousels for a reason.

The same way most apps on the Shopify are bloated with unnecessary code and slowing down one's website, well... in the end of the day they're being used because they are fixing a problem and converting visitors to customers.

This should be the end goal of any sort of coding in e-commerce.

Should they be improved, more performative and challenged? Absolutely. But, yet again, the end goal is having tools that help merchants to sell. And carousels can offer that if used wisely. Google itself offers suggestions for good/bad carousels in terms of UX, which subsequently will help with conversions.

With that said, you can add a carousel to the Dawn theme installing a pre-made carousel section like this. Alternatively, depending on your needs, you may want to contact a Shopify developer to help you coding a personalized solution.

Kind regards,
Diego

made4Uo
Shopify Partner
3821 716 1153

Hi, 

If you are looking for a slider or carousel in the home page, this is possible with Dawn Theme for free. No subscription or app needed. Check the video. The code link is in the video description 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Danish864
Excursionist
21 1 7

I want Image slider not product slider. but thanks for your reply

made4Uo
Shopify Partner
3821 716 1153

The code is both. You can have a card or product slider. A card has an image and description into it. You can check the video to see what I am talking about

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
QCD
Excursionist
16 0 1

This the only answer I need. 

 

Thank you!!!

QCD
Excursionist
16 0 1

I tried it but it and it worked! Now will see if I can change my product page to carousels/ slides

QCD
Excursionist
16 0 1

Doesn't seem to work with product page. Ugh! This is so frustrating.

QCD
Excursionist
16 0 1

Update! The carousel/ slide seems to work on mobile phones, but not on desktop computers.

deryan12
Shopify Partner
1 0 0

IT'S not free... it's a scam!!! 50 dollars???

made4Uo
Shopify Partner
3821 716 1153

Hi @deryan12,

 

Dawn theme added an slideshow already. The slideshow I have is just for people who wants 11 custom designs in there slideshow. Please check your Dawn theme for slideshow option

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
diego_ezfy
Shopify Partner
2967 571 899

@Danish864 

Have you checked this Slideshow yet? It's a simple copy/paste slideshow section compatible with all themes, including Dawn.

Its major advantage is that it has an option to not cut images off, which is something that (as of yet) no other theme's slideshow has. Also it comes with 50+ customization options, which gives you freedom to adapt and customize it to your wish.

Kind regards,
Diego

dekiv
Shopify Partner
158 2 12

How is it free if you're selling it?

LynxLuo
Visitor
1 0 1

Actually EZFY slidershow can do this but it don't support slider show with 100% width. I buy this but support donot response.

SM786
Visitor
2 0 0

 ery helpful, thank you,I was about to purchase this

made4Uo
Shopify Partner
3821 716 1153

Hi,

 

I am not aware you are looking for slideshow. Check this instead with multiple designs to choose from. 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
diego_ezfy
Shopify Partner
2967 571 899

Hey, @LynxLuo 

I am afraid the statement you made to @QCD and @SM786  is incorrect. Our Slideshow does support 100% full width images. It also works out of the box on Dawn and all the other OS 2.0 themes.

If you have purchased our product and you're unable to achieve this, please send me an email and I'll be more than happy to assist you ASAP.

Thanks!

CyberdyneJoule
Tourist
15 0 1

For any one who is seeing this post.....Please under stand this.

 

There are several option to Product display on Shopify. 

1. A Product can have multiple images. These images can display below main image in a slider like that of amazon etc.

2. A Product can have multiple variant and each variant will have its single image.

 

If we go for Option 1 above, we can display product slider like that of Amazon. Yes ! You can do this very well in Dawn theme just be selecting Thumbnail carrousel option in Product page customisation.

 

If we go for Option 2 above, we will not have any slider on Shopify product page like that of amazon. But when different product variant is selected, associated different image will display e.g. you must have seen such product on amazon e.g. at 27" monitor. When you go to the product page, you will see that it has option for 22" monitor also built on that page. That is product variant. Amazon is special in which when you change product variant, it loads associated image of that variant also. On shopify, this will require custom coding and I am already working this to make it happen.