👊👊 Get access to *THE BEST* Ecommerce Email Marketing course ------ tinyurl.com/nnhrezf7

@tonie8457

2 жыл бұрын

hello are you able to help me with my featured products for slider, i have not launch my store yet

@donaldkeys7705

2 жыл бұрын

No fucking link to get d code

@faithsperry733

2 жыл бұрын

there’s no link ??? what was even the point of saying all this

@shahidsheikh2578

3 ай бұрын

Brother i need a code file that you used for featured product

this worked perfectly! thank you so much man. you've helped my store so much. really appreciate you

Thank you so much for your work. I’ve learned a lot on your channel.

@EcomExperts

3 жыл бұрын

Thanks A lot for this sweet Comment G! Made my day!

Thank you so much

Thank you so much!!

@EcomExperts

3 жыл бұрын

You're welcome!

Thanks for sharing

Thank you

Thanks alot :)

legends cheers mate

@EcomExperts

3 жыл бұрын

Thanks man!

Tremendo!

This is EXACTLY what I've been looking for. I followed you step by step while watching the video, but my road block came when it came time to select which collection I wanted to use as slideshow, and it's not showing me all collections as an option, just each individual collection. So I'm not sure how to have ALL COLLECTIONS show so I can select that one to see 1 photo from each collection instead of various photos of one specific collection.

Thanks for watching! Did it work for you? Comment below. If you haven't already, be sure to *subscribe and turn on notifications* so you don't miss out on any new Shopify tutorials we post.

@bbeautycosmeticsuk3936

3 жыл бұрын

Worked for me! Thank you, but is there a way to make the product images bigger as they appear too small for my liking

@trin1gyal

3 жыл бұрын

This is EXACTLY what I've been looking for. I followed you step by step while watching the video, but my road block came when it came time to select which collection I wanted to use as slideshow, and it's not showing me all collections as an option, just each individual collection. So I'm not sure how to have ALL COLLECTIONS show so I can select that one to see 1 photo from each collection instead of various photos of one specific collection.

@leelathestore

2 жыл бұрын

hey, thanks for the video. i applied the instructions step by step to my store. Although the slider section did appear and i could add it to my store, my product pictures werent getting displayed. Neither on the desktop nor on the mobile versions. Hope you can help me out on this one! Thanks!

@mathildevuillemenot9617

2 жыл бұрын

@@leelathestore Same issue for me : the product images are getting displayed - all the rest is ok. Did you find a solution?

Great video Andrew ! My images are not showing .Its just the text and slider that's visible..how to resolve this ..Thanks

Hi Andrew, thanks so much for this video! How can I remove the product titles completely so it's just an image slider with no text/prices? Thanks in advance.

Hi Andrew thanks for the video. It was great but my images haven't pulled through. Can you help please?

hello!! Thank you for this video. It worked for me on the desktop version but how can I adjust it for the mobile? I tried a lot of dimensions but nothing works.

very helpful. bro how I can edit CSS? kindly let me know

Hi how do you add a slider to your product photos and images?

How to resize the product images on it? I’m thinking they are too small

Hi, Andrew I’m glad i found this video! I did everything as you said and it works and looks good on desktop but it’s not optimized for phone… doesn’t look really good. How can I fix it? Thank you

@thedreamer447

Жыл бұрын

I understood that no one will respond...

My product pictures are not showing up. How do I fix this?

Hello sir please help me out that slider is working perfectly but not showing the product image.

I completed all the steps and have the slider but my images are being cut in half. Is there anyway to adjust the height of the slider.

Added slider but images not coming up of the product?? How to resolve

is it possible to make one slide with mousepad or touch

How about if I want to place this slider into the blog articles and not from my article template means I want separe sliders for each article posted?

***** ANYBODY HAVING THE SAME ISSUE AS ME WITH MISSING IMAGES JUST GO TO THE THE BIG FILE AND WHERE YOU SEE DATA-SRC, JUST REMOVE THE DATA- . IT'S THERE TWICE. ANDREW DID ANSWER BUT I MISED AS IT'S IN THE COMMENTS WAY DOWN BELOW******** WORKS GREAT NOW THANKS I quickly tried and it just showing text no images, it was interesting to try though and will try more stuff

@izy-d3sign792

Жыл бұрын

Thanks bro it's working

@maksudurrahman4700

Жыл бұрын

how you find its.just cool bro...

@IamSallyLo

Жыл бұрын

Heyyyy just wanna to know what do you mean BIG FILE? which file you are talking about ?

@superiorbeing95

Жыл бұрын

@@IamSallyLo Sorry, this was 9 months ago, I can't really remember. There's a guy down below saying it's inside Feature-slider.liquid It did work after changing this but I wasn't happy and found a much better option with this guy kzread.info/dash/bejne/ZmSDtcd7oq6nfNY.html

@IamSallyLo

Жыл бұрын

@@superiorbeing95 Heyyy Thank you for sharing. I have watched the video of the link you pasted here before. it works but the images are so big on my slider . any ideas ? thank you xoxox

Do you know how to add draggable control to the slider above?

Hi , I have followed excatly what you saying in video. But in my website images are not visible only names of the product is visible. Can you please help me .

why it is not showing selected collection images dawn theme please provide accurate infirmation

Hello Andrew how are you? I just did exactly the same way you explain it in the video but the images of the products don´t show up. what can i do ? thanks

@user-om2bp8tp2v

2 жыл бұрын

same here )-: any solution?

@davifonseca8203

2 жыл бұрын

Same...

@tomw0w

2 жыл бұрын

same

@tomw0w

2 жыл бұрын

inside Feature-slider.liquid change all data-src to src

@yuga9847

2 жыл бұрын

@@tomw0w 本当にありがとう、できました！

Hi! It's not showing the photos on my slider.

hi andrew just implement your code in my store! it's working superb in desktop view but the images are overrflow in mobile phone! kindly give the solution for that!

Adding the carousel stops the lazy loading for the rest of the page. Any idea why?

From where I can copy the code for Feature-slider?

Is the which code is needed to download with the link? I couldn't tell which one.

There is an issue in the title is left align,size and not bold kindly solve this query Sir.... Thanks

I need to show two products on mobile view. Is that possible? How can be do that?

I want to add a collection list slider on a homepage..how do i?

Hey Andrew, The products doesn't show the image, can you help me ?

@IamSallyLo

Жыл бұрын

I have the same Problem. Andrew~~~~~ we need your help please~~~~~~~

after using this ,image is not visible only name and price is showing can u tell wat can be the issue?

Hi Andrew ! Your videos are very helpful ! The only thing what i mis with this product slider are the images. Can you please help me with this :) I did every step that you told.

@Brigztattoos

Жыл бұрын

Same thing happening to me

@ardiankrasniqi7444

Жыл бұрын

same

@thomasbeumanricodireitinho8846

Жыл бұрын

Same

Hi, I followed every step and even resized the images but the mobile view is HUGE! Who can this be addressed?

Pictures not loading in with the code. Any idea why ?

Anyone know how to change the colour of the product slider buttons from red?

Tried the same and the slider appears... But the slider contains only product name and price but not Image... What to do? kindly help

image is not showing up. just the price and name. help

Hey Thank you it looks good on desktop but awful on PC

I tried this with the Dawn Theme, it doesn't show images?

My images don't show up for the products. Any Tips?

I get to the add section part and the Slider section is not there

Not sure if you're still active but I thought it was still worth the shot nevertheless! Great video! I wann athank you dude! Only Problem I'm having is the layout on phone looks afwull On desktop it so clean and just perfect but when I switch to mobile view it's all overlapping. You got the solution for me? Here we are

@terriemarie8836

3 ай бұрын

excatlly i have the same problem did you find a solution?

I'm so confused!! How do I Find the "Block of Code"?? That part was never explained

where can i find the code

Awesome vid - slider working perfectly and it was so easy to set up. Thanks much! The only challenge I'm having is that the products display perfectly on Desktop or Full Screen but are tiny on mobile (and the product titles are centered and get very condensed). Can you offer any advice to get this rectified - I've tried changing the image width but doesn't seem to help? Ideally, on the mobile site version only one product should display at a time as opposed to say 3 or 4 on the desktop version... Thanks!

@fiasty9779

2 жыл бұрын

Here is media query if you would like to add and modify it maybe as per your requirement @media only screen and (max-width: 580px) { .carousel__cell{ width: 50% !important; } } @media only screen and (max-width: 767px) { .carousel__cell{ width: 33.33% !important; } }

where is the link?

hi the pictures are not showin....

Hello, I would like to do this but place instead of products, collections, that is, a collection slider. I can't solve this problem

@smhshyla

2 жыл бұрын

Did you find this out ?

Heyyyyy Andrewww~ thanks for the tutorial ! its amazing, it saves my life! but theres an issue , I hope you can kindly help me out here. the only problem I have is the product images aren't showing. Could you tell me what went wrong thank you xoxox

@elysehuber4077

Жыл бұрын

This is the problem I had also would you have any tips for me!?

@IamSallyLo

Жыл бұрын

@@elysehuber4077 unfortunately I still haven't find a way to solve it

Using Debut theme, for some reason when I try to add the section onto the theme and select the collection, it doesn't load anything at all. The space is just completely blank.

@EcomExperts

3 жыл бұрын

Hi John! This tutorial was done in the Debut theme and it should work. I suggest you try again and see if you missed any step :)

@JessicaWilliams-qn8kp

Жыл бұрын

Hi John. I'm having the same issue, did you manage to figure out the issue

hi

can you make a video on how we can do the same but in the product layout . i wanna show my products images in a carousel way . can you make a video explaining how to do it ?

@EcomExperts

3 жыл бұрын

Adding it to the list :)

@racheltedford424

3 жыл бұрын

I second this request please 👍

Thanks Andrew, I tried doing all steps in Brooklyn theme but doesn’t work, does it only works for debut theme?

Hi Andrew Thumps up.. How to reduce gap between "Feature Collection Slider" word and product images? an d How to make Bold and bigger font size " Feature Collection Slider" word?

@EcomExperts

3 жыл бұрын

heyhey! well thats getting into customizations - for these specific changes you'll need css skills. Not that hard to learn (20h or so) or you get someone to help you out!

My images are not loading... anyone have any tips?

Hi Andrew, this video was great to use & very easy! However, It is 2023 and I believe Shopify has acquired some updates. Does anyone know how I can get the PHOTOS to show on my slideshow? As of now it only has the product titles. Please help!!!

@jacquelinehunt-gd6er

Жыл бұрын

did you find out how to fix this

there’s no link ???

does any one where is the link with the code ?

Can you please give me an image-only slider how-to?

Great tutorial👍 Very easy and great. but title font size is too small😢

@EcomExperts

3 жыл бұрын

Sorry for that! You can play with code and increase the font size :)

@beckyhawker8271

3 жыл бұрын

@@EcomExperts Which part of the code do I need to edit to change the font size please?

@matheuspiemonte

3 жыл бұрын

The same problem here! Helppp ha ha ha

I didn't receive the email to get the links :(

Flickity is the back of this slider. Make sure you read and understand term and condition before using it for commercial purposes.

Hi Andrew I followed Every Step, It Does Not Show The Images Of The Products On The Slider, What Should I do?

@SekcNinja

2 жыл бұрын

same here , did u fix it somehow?

*Edited: Got it working :) tips below My images are not loading... anyone have any tips? I am using the impulse theme and trying to see if the liquid image source is different. **Got it... not sure if its the right way but I noticed some shopify images have attributes data-src="-img URL" so I saw the image link was recognized, but it did not appear until I changed the attribute from data-src to just src like a regular HTML img tag. Any ideas how shopify uses these differently?

@mathildevuillemenot9617

2 жыл бұрын

Thank you! I had the same issue and applied your idea, now it works :)

@davifonseca8203

2 жыл бұрын

@@mathildevuillemenot9617 How do I do it ?

@davifonseca8203

2 жыл бұрын

How did you do ?

@muscularavocado3547

2 жыл бұрын

@@davifonseca8203 what issue are you having?

@davifonseca8203

2 жыл бұрын

@@muscularavocado3547 I didn't understand. So I need to paste the image url of every product, one by one ?

It doesn't show me the pictures

how do you change it from vertical to horizontal and change the amount of products its only allowing me to do one product

@EcomExperts

3 жыл бұрын

It is possible, but not as simple as KZread comment. Maybe we will do that tutorial in the future :)

@Theredheadguru

3 жыл бұрын

@@EcomExperts nvm I was able to figure it out

Hi. I'm not receiving the instructions in my mail. Could you help me out?

@duongpham678

3 жыл бұрын

Same, i have to wait 2 hours, but still not received it.

Where is code?

its dosnt change to slider. just show images under each other

Hello, how do I get the codes emailed to me?

@EcomExperts

2 жыл бұрын

No need to enter email anymore. :) All the codes are in the description box i.imgur.com/osRSOch.png

I am not able to find the code..plz help

@EcomExperts

3 жыл бұрын

Here you go ecomexperts.io/blogs/liquid-tutorial-shopify/how-to-add-featured-product-slider-to-your-shopify-store-easy-step-by-step-tutorial

It is not looking good for small screen .

Does not work on Venture theme.. Once adding the Section at the home page there are no options like in your video.

@EcomExperts

3 жыл бұрын

I just checked and it is working. You will see it in horizontal line before you hit save. :)

@AliskHD

2 жыл бұрын

@@EcomExperts but the Images are not loading :(

Hi... thanks for the code... I tried the same... but the slider looks all jumbled up in mobile view... also the "slider name" font does not match with header fonts of other sections. Kindly help.

@TheMrPeeter

3 жыл бұрын

Same :(

@EcomExperts

3 жыл бұрын

Let me check

@fiasty9779

2 жыл бұрын

Here is media query if you would like to add and modify it maybe as per your requirement @media only screen and (max-width: 580px) { .carousel__cell{ width: 50% !important; } } @media only screen and (max-width: 767px) { .carousel__cell{ width: 33.33% !important; } }

@joaquinsanchezgarcia

Жыл бұрын

@@fiasty9779 En que section lo coloco en theme liquid o feature slider.? Salidos

Where is the second code?

@EcomExperts

3 жыл бұрын

You can find all the details on this link ecomexperts.io/blogs/liquid-tutorial-shopify/how-to-add-featured-product-slider-to-your-shopify-store-easy-step-by-step-tutorial

anyone know how to make a slider that will automatically slide through products without being clicked?

@muscularavocado3547

2 жыл бұрын

a trick you can do with this is to have a javascript event that is constantly clicking the slider arrow for you... and you can hide the arrows

Tried this for the Supply theme but for some reason it only shows up in a vertical way, also without any scrolling features. This would have been perfect if it worked is its the only slider i've seen that can match the theme.

@EcomExperts

3 жыл бұрын

There is a possibility that this code won't work on certain themes. On some themes it shows as vertical in the customizer but after saving it shows as slider.

@alexadlen5059

3 жыл бұрын

Hi Khris, I've just followed along for Supply theme and think I can see where you're getting stuck. When I'm customising, it shows the products vertically with no scroll like you said - but once you hit save, publish and look on your live site, it shows as expected. Hope this helps!

@KHuntie

3 жыл бұрын

@@alexadlen5059 I did find this out when re checking but the issue is, mobile view is not optimized at all

@alexadlen5059

3 жыл бұрын

@@KHuntie ah yes, I've just realised the same thing! So hidden for now until changes are made for mobile :P

@aris8949

2 жыл бұрын

@@EcomExperts thanks for the reply. this is indeed fixed in Craft theme. For some reason no photos of the products appear after saving. Any idea why?

wheres the code?

there’s not even a link for the coding ???

No funciona

Has anyone managed to solve the font size and image size for the mobile version?

@marianarodriguez9202

2 жыл бұрын

Did you try with css?

@fiasty9779

2 жыл бұрын

Here is media query if you would like to add and modify it maybe as per your requirement @media only screen and (max-width: 580px) { .carousel__cell{ width: 50% !important; } } @media only screen and (max-width: 767px) { .carousel__cell{ width: 33.33% !important; } }

@joannemcody

2 жыл бұрын

@@fiasty9779 where in the Feature-slider.liquid code is this added?

The slider isn't exist and doesn't work

Doesnt work anymore... full of bugs

Why you have hoodie on bro? You ugh, one o dem hackers I keep seeing on pictures in darkness? 👀

flickity license is paid though, if so why we dodn't use an APP. Super Disappointing video.

THIS SUCKS IT WORK, UNTIL YOU DO EVERYTHING AND YOU CANT SEE THE PHOTOS! FIX QUE PROBLEM !!! WHY LEAVE A VIDEO THAT NO LONGER WORKSSSSS AAAAAAA

where Theme.liquid .i can not find theme liquid on my page.and if you not there.what shoud i do

My images are not loading... anyone have any tips?