How To Add Before And After Slider To Shopify?

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

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

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

    This section will be soo usefull for my ecommerce. Thank you very much. Love your videos ! ♥

  • @erickadzha2182
    @erickadzha2182 15 дней назад +1

    yo guys for those who wonder, if you want to change the before and after and translate it in your language, simply go back to your theme editor
    1. select before and after slider liquid
    2. Search for "before" its will be "Before"
    3. than replace it ">Before

  • @ExcelsisStudios-ei2yx
    @ExcelsisStudios-ei2yx 20 дней назад

    this is so GREAT! 😇🤩you're so generous and helpful. especially to beginners like me. by the way, can you also make a tutorial on how to add like a sub-variant to a variant?

  • @alishgoyani6907
    @alishgoyani6907 7 месяцев назад +3

    thank you so much brother keep it up
    great information ♥♥♥♥❣❣

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    What is the cleanest way to remove the image(s) rounded corners?
    Other than that, works perfectly and saved me tons of misdirection, time, and money. Thank you so much!

    • @WebSensePro
      @WebSensePro  21 день назад

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

    • @marvinmax7
      @marvinmax7 21 день назад

      @@WebSensePro I figured it out myself. Thanks for the reply.

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

    Dude your the best!!! Thank you!

  • @immobilien-makler
    @immobilien-makler Месяц назад

    you are the best. i saved money for shopify apps. THANKS !!!!!!!

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

    My name is S.A., I have seen many people who make this video on RUclips, but no one makes it like you, no one gives the code in so much detail, and those who say they don't have money, I don't understand why RUclips is yours.Rich doesn't even have such good content

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

    Hi, thank you so much. It was really helpful, but how can I add multiple before and after? Thank you so much in advance

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

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

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

    You're amazing brother. Thank you so much. Super helpful.

  • @MK-Tech
    @MK-Tech 16 дней назад

    Great tutorial! would It be possible to do this with meta fields? So you could pick the before and after images via meta fields instad? That way the image could easily be added on demand on any product page. With the current section feature you must create a dedicated product page template for each product you want this feature on...?

    • @WebSensePro
      @WebSensePro  15 дней назад

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

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

    legend

  • @caldasnake16
    @caldasnake16 7 месяцев назад +2

    Thanks for the tutorial! Can you change the "Before" and "After" labels to translate them to other languages?

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

      Yes its not hard. A little more extra code

  • @Satyavardhan-f4i
    @Satyavardhan-f4i Месяц назад

    Thank you very much for this. It means a lot ❤❤

    • @Satyavardhan-f4i
      @Satyavardhan-f4i Месяц назад

      There's a slider line is appearing when we move it before to after. Please try to fix it.

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

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

  • @varunmohan7095
    @varunmohan7095 7 месяцев назад +1

    Can you help me , because i couldn't give a specific font for a specific headings (like for store name).Once the font is applied the whole h1,h2,h3 comes with the same font.That would be helpful

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

      Will have to work on the code

  • @kashG-fq7tn
    @kashG-fq7tn 2 месяца назад

    Thank you soo much!!!

  • @javierfigueroav
    @javierfigueroav 4 месяца назад +1

    It works but, how can I change the size of the images? Thank you!

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

    The arrows do not show for me Please this is so clutch did I copy the code wrong?

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

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

  • @Cloverlofi
    @Cloverlofi 5 месяцев назад +2

    how come this breaks the image at the top?

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

      We are looking into this isse

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

      Has anyone found a solution to this, for me it's breaking the entire page. The whole page is shifted half to the right and other half is not visible.

  • @lamagiadelecommerce3603
    @lamagiadelecommerce3603 5 месяцев назад +1

    Thank you so much!! Genial!

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

    Thankyou man :)

  • @Novalic-dq9kg
    @Novalic-dq9kg Месяц назад

    thank you!!!!!!!!!!!!!!

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

    firefox put a blue horizontal line why

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

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

  • @omerguner6189
    @omerguner6189 5 месяцев назад +1

    the width of the product page gets smaller when I use it. can you fix it?

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

      Yes it's a known issue will definitely fix and update the code

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

      @@WebSensePro hi, thanks for this feature. I added your section today, but it still shrinks my product page. Is this issue fixed. Thanks in advance.

  • @liltoffi
    @liltoffi 20 дней назад

    Is this only for dawn? Because i have refresh and there is a little bug.

    • @david.diallo
      @david.diallo 18 дней назад

      it works for refresh for me

    • @iftinur
      @iftinur 18 дней назад

      ruclips.net/video/0Qwi3THAaXY/видео.htmlsi=cAj3RjOfSOLq5O6Q | Updated code with mobile slide perfectly.

    • @WebSensePro
      @WebSensePro  15 дней назад

      No

  • @Dagensehandel
    @Dagensehandel 5 месяцев назад

    Awesome. Thanks! Is it possible to add extra code so that it only activates for a specific product?

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

      Yes it is easily doable using If condition in liquid code.

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

    Hello I'm not sure why but after using the code, the sliders for my product images appeared in the middle of my product image. Is there a bug with the code ? Thank You

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

      same

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

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

  • @rajeshvemula26
    @rajeshvemula26 5 месяцев назад +1

    you are added your youtube link on that code how safe your code ?

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

      No one is pushing you to use

    • @rajeshvemula26
      @rajeshvemula26 5 месяцев назад

      @@WebSensePro this is in public you need to infom cross verify code

  • @catharinaeichert2578
    @catharinaeichert2578 4 месяца назад

    the code completely messes up my theme (i.e. the other sections on my shopify page) every time I use the slider. idk why that is, I'm using the focal theme and my other sections get squished together whenever I use the before-after slider on a page ...

  • @Chris_musgrove
    @Chris_musgrove 4 месяца назад

    The arrows on the slider are missing for me.

  • @jayukekan3778
    @jayukekan3778 6 месяцев назад +1

    not show the section before after

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

      Meaning?

    • @iftinur
      @iftinur 18 дней назад

      ruclips.net/video/0Qwi3THAaXY/видео.htmlsi=cAj3RjOfSOLq5O6Q | Updated code with mobile slide perfectly.

  • @rafabdc04
    @rafabdc04 7 месяцев назад +1

    pretty good but this has a bug, if you put it in your product page your product images will disappear.

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

      Thanks for notifying will check and correct

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

      This is still the problem. Is that has been fixed @websensepro

  • @dr.se7en219
    @dr.se7en219 5 месяцев назад +1

    Bug: product image removed with this section.

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

      Yes working on a fix, will release the fix next week

    • @FootballNow4k
      @FootballNow4k 4 месяца назад

      @@WebSensePro plz release it

  • @junaidkhanaman4236
    @junaidkhanaman4236 4 месяца назад

    Wow Sir

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

    Doesnt work

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

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

    • @iftinur
      @iftinur 18 дней назад

      ruclips.net/video/0Qwi3THAaXY/видео.htmlsi=cAj3RjOfSOLq5O6Q | Updated code with mobile slide perfectly.

  • @varunmohan7095
    @varunmohan7095 7 месяцев назад +1

    Hii

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

    does not work
    for some reason it doesn't move

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

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

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

      Did you save the page?

    • @iftinur
      @iftinur 18 дней назад

      ruclips.net/video/0Qwi3THAaXY/видео.htmlsi=cAj3RjOfSOLq5O6Q | Updated code with mobile slide perfectly.

  • @hazharbradosti-sq9zj
    @hazharbradosti-sq9zj 3 месяца назад

    ❤❤❤❤❤ffkfvvnc