How To Add Collection Carousel Slider [Shopify - Free]

Поделиться
HTML-код
  • Опубликовано: 22 дек 2024

Комментарии • 71

  • @cyberspider78910
    @cyberspider78910 Месяц назад +1

    One of the best channel on shopify customisation.

    • @WebSensePro
      @WebSensePro  Месяц назад

      Wow, thanks! Don't forget to subscrive

    • @cyberspider78910
      @cyberspider78910 Месяц назад

      @@WebSensePro Sir, Subscribed since your first video...

  • @krystianandrzejewski731
    @krystianandrzejewski731 8 дней назад

    It works very well. Thanks a lot, very cool looking. I even managed to dig around a bit in the code and made some of my corrections. However, I have a question that I can't handle. Could you please make a fix in the code that allows stars to be displayed when reviews are added to a product? The way it works with featured collection.

  • @BobbMotion
    @BobbMotion Месяц назад +1

    Great content, like always 🙏🏾

    • @WebSensePro
      @WebSensePro  Месяц назад

      Appreciate that dont forget to subscribe

  • @jonasandorsen5537
    @jonasandorsen5537 19 дней назад +1

    Thanks for the tutorial!
    Do you have any way to add the "Purchase" / "Add to cart" button to the card?

  • @meneerballie
    @meneerballie 3 месяца назад +1

    it worked amazing, thanks! i only have 1 annoying part about the section. When i enable 'show second picture over hover', it looks like the pictures are flashing like a camera between them. Very dangerous for epileptic clients. Any way how to have a smooth transition between the pictures?

    • @WebSensePro
      @WebSensePro  2 месяца назад +1

      Will have to add more code

    • @meneerballie
      @meneerballie 2 месяца назад

      @@WebSensePro ah okay! would that be something you could do? i want to use it but i can't now with the possibility to get charged by someone with epilepsy...

  • @ZainubIrfan
    @ZainubIrfan 3 месяца назад +2

    what if we want to make this slider on autoplay like i have seen it on many websites. can we do it? please explain that too

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Great, idea. Will update that

  • @hussain-z1z
    @hussain-z1z 5 дней назад

    thanks for this slider tutorial it works really very well. but there is suggestion for the next tutorial , please make the tutorial on Dynamic Multi-tab Slider. just diff between these and multi tab slider is when we click on heading, it will work as a tab and will load slider which has new another collection in same section but as a collection slider

  • @aamirmahmood4220
    @aamirmahmood4220 2 месяца назад +1

    Brother can we add more product collection or only add products in 1 collection in short can we add products in different collections

  • @ZainubIrfan
    @ZainubIrfan 3 месяца назад +2

    Hi Bilal can you please make a video on how to add payment icons like visa mastercard in footer section? please do

    • @WebSensePro
      @WebSensePro  2 месяца назад

      It's already a builtin feature

    • @zainabirfan7300
      @zainabirfan7300 2 месяца назад

      ​@@WebSensePromine doesn't work ...what could be the reason like im using Alfalah payment gateway on my website via unumpay app n i have enabled payment icons as well but it doesn't work. Could you please guide.

  • @ElevateYouNow-ff4zn
    @ElevateYouNow-ff4zn 2 месяца назад +1

    how to make the space between the product images smaller? I want it like 1px

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Where do you want to add space, please clarify

  • @ChorokapeAKapemai
    @ChorokapeAKapemai Месяц назад +1

    how can we add a sub heading between Title and price? please help ! thank you in advace

  • @ShopifyExpert-fx6yg
    @ShopifyExpert-fx6yg 2 месяца назад

    Thank You So much you are doing great effort for developers as well

  • @pastandprogress27
    @pastandprogress27 3 месяца назад +1

    kindly make a video,on how to add color swatchers on home page and collection page using code in dawn theme

  • @faisalawan3335
    @faisalawan3335 2 месяца назад

    Thanks for your efforts. It was very informative. But if I want to show some collections in a carousel instead of products from a collection, what should I do?

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Please contact via websensepro.com/contact-us for paid support

  • @FindersKeepers-j3v
    @FindersKeepers-j3v Месяц назад +1

    Does it work on Trade Theme?

  • @Bloveorganic
    @Bloveorganic 3 месяца назад +1

    I already create this section by my own , I have made this section for recommended products section.

  • @AnkurMalhotra-i5b
    @AnkurMalhotra-i5b 2 месяца назад

    Amazing video brother. Can you advice how we can add Quick add to this slider to add directly to cart from this. Appreciate you making such amazing videos and sharing the knowledge.

  • @ConstructClick
    @ConstructClick 2 месяца назад

    THANK YOU! Big help!

  • @Wonderlands-zn7ql
    @Wonderlands-zn7ql 29 дней назад +1

    seems like i have the same problem with another guy in the comment section, when you preview the website, the container would show up as gigantic, would be great if you could fix it

  • @BarveJoy
    @BarveJoy 3 месяца назад +1

    Please add a video of subcategories in mega menu.

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Sure, will create a new video for that

  • @Alex-e2y3n
    @Alex-e2y3n 2 месяца назад

    Thank you for this great video! Can you explain please how to autoplay the product slides?

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

  • @JorilyMorato
    @JorilyMorato Месяц назад

    Hi. We cannot add star rating and sale badge for this section?

    • @michelwalravens3660
      @michelwalravens3660 Месяц назад +1

      @websensepro the sale badge is indeed gone, can you make a video that it is also displayed with this collection slider?

    • @WebSensePro
      @WebSensePro  Месяц назад

      Hmm... good idea will make one

  • @Viktoriyaparis
    @Viktoriyaparis 3 месяца назад +1

    I need to finds a slider like that so for the product page description and all other things like materials and all so I founds nothing on RUclips thanks for this video because now all my description and all is in collabsible row so I want it on a slider ahah :) thanks a lot if you founds a solution thanks take care :)

    • @WebSensePro
      @WebSensePro  2 месяца назад

      Your welcome, don't forget to subscribe

  • @Asaunie
    @Asaunie 3 месяца назад +1

    can you make a tutorial on how to make it slide automatically?

  • @orha1256
    @orha1256 3 месяца назад +1

    Love your videos but it's not sits well on Dawn 12

    • @WebSensePro
      @WebSensePro  3 месяца назад +1

      It will work on latest version Dawn 15.1.1

    • @orha1256
      @orha1256 3 месяца назад

      @@WebSensePro What about 12? Anyway to make it looks good?

  • @Official_Jetlyfe
    @Official_Jetlyfe 2 месяца назад

    I'm having an issue, the entire Collection Carousel container is gigantic and displaying gigantic images. I can only fix if I tick 'stack the products' but stacking defeats the purpose. Please help if you can.

    • @WebSensePro
      @WebSensePro  Месяц назад

      Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

    • @Official_Jetlyfe
      @Official_Jetlyfe Месяц назад +2

      I worked it out, i needed to change the height in CSS for anyone having the same issue the code is:
      .section-template--18252235866364__collection_carousel_wzEnbq.featured-collection-template--18252235866364__collection_carousel_wzEnbq {
      height: 550px;
      overflow: hidden;
      }

    • @Wonderlands-zn7ql
      @Wonderlands-zn7ql Месяц назад

      @@WebSensePro I got the same problem

    • @Wonderlands-zn7ql
      @Wonderlands-zn7ql Месяц назад

      @@Official_Jetlyfe did you add this on custom CSS ?

  • @mudassarmehmood8033
    @mudassarmehmood8033 Месяц назад

    Hey sir its urgent plzz reply me. plzz tell me how to add OFF sale badge on this collection?

    • @WebSensePro
      @WebSensePro  Месяц назад

      Please contact via websensepro.com/contact-us for paid support

    • @VILLOKSEGlobal
      @VILLOKSEGlobal 12 дней назад

      I am having the same issue...the entire price is getting striked off.

  • @gamingreels5589
    @gamingreels5589 23 дня назад +1

    there is an error in the script in going hide on another sections

  • @avidaeumaso2357
    @avidaeumaso2357 Месяц назад +1

    It didn't work very well here, the columns on desktop and mobile didn't work

    • @WebSensePro
      @WebSensePro  Месяц назад

      Thats weird its tested upto dawn 15.2

  • @RahulGupta-q4i
    @RahulGupta-q4i Месяц назад +1

    sir add this side banner with product slide code

  • @Rivansh.Jewels
    @Rivansh.Jewels Месяц назад +1

    its a great section but increasing my website loading time please fix the issue

    • @WebSensePro
      @WebSensePro  22 дня назад

      How many products you have in carousel?

  • @rahulbabu7648
    @rahulbabu7648 Месяц назад

    not working properly

    • @WebSensePro
      @WebSensePro  Месяц назад

      Please contact via websensepro.com/contact-us for paid support