How I can implement the Slick carousel in by Ken Wheeler In Dawn Theme

sridharan
New Member
1 0 1

Hi, how to implement the Slick carousel in Dawn theme.
How to implement the product thumbnail slider with variant change in the PDP page.
How to create a slick slider component with variant change.

1531304506
New Member
1 0 0

Did you find a solution? The slider component comes with dawn look awful.

0 Likes
made4Uo
Trailblazer
272 10 64

Hi, 

Do you mean instead of having to scroll and see all your variant images in the product page, you like to have a slider or carousel instead? I just figured out how to do this by using the slider-component originally from Dawn Theme. See the instructions https://made4uo.com/blogs/journey-to-awesome-shopify-website/product-slider-for-dawn-theme

Check the video if that is what you want

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
0 Likes
made4Uo
Trailblazer
272 10 64

Oh by the way, no need to download or use Ken Wheeler's code. The code is already in Dawn Theme, we just customizing it

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
Ishah
Excursionist
16 0 4

Hi Pathfinder, thanks for your comprehensive guide. 

 

I followed it step by step but seem to have  goofed up somewhere,, I also made the big mistake of not working on a backup file. Is there anyway you could offer some help? 

 

 

0 Likes
made4Uo
Trailblazer
272 10 64

Hi @Ishah. Let me know whats the problem. I notice I was missing a code yesterday and updated the code in the website.

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
0 Likes
Ishah
Excursionist
16 0 4
Thanks Pathfinder for touching base. I was able to redo the code and it is
now appearing as below. Can you take a look at this please and let me know
if this is the way it is supposed to work. I see the slider images start
from 4/5 although your store starts numbering from 1.

https://miracle-multiples.myshopify.com/products/triplet-t-shirt-onesie-set-best-friends-forever


Also by implementing the code my product lifestyle image has been included
in the thumbnails. I want to retain the product lifestyle image in its
original large format and only the variant color images should be in the
thumbnail slider.

I tried to reach out to shopify support but since the code now has a third
party code they are unable to help me out Do you have any suggestions
for this pls.

Thank you so much.

Brgds, Ayesha

0 Likes
made4Uo
Trailblazer
272 10 64

@Ishah 

Hi the number is for current number items. The 4 means there is 4 items showing. I cannot decrease the number unless you are only showing 1 item. Regarding the large image. I am not sure how to do that either, since we are calling the big photos by the thumbnail. If you remove it from the thumbnail, there is no way to show those in the large image

I do not work with Shopify. I am not looking to be hired or being paid. Just wanted to help.
0 Likes
Ishah
Excursionist
16 0 4
Thanks, the numbering is not a problem. Thanks for clarifying.

I see. I really need the lifestyle image to be shown as a big sized one. Is
there any way to alter the code to the thumbnail calls images from image#2
onwards? Alternatively is there a solution you know of that can work.

Thanks so much.

Brgds, Ayesha



0 Likes