How To Create A Product Slider With Elementor For Woocommerce (FREE)

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

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

  • @no-name-hu
    @no-name-hu 11 месяцев назад +1

    I dont comment this type of things but today I would say that this was really good

  • @huzefahaamidi7527
    @huzefahaamidi7527 4 года назад +9

    Amazing!! Can't really thank you enough bro. Looking for this type of free slider from ages.Thumbs up!!

    • @UrielSoto
      @UrielSoto  4 года назад +1

      I got you bro. I know how that feels. It's a really nice addition to add to your eCommerce store

    • @avihaybi
      @avihaybi 3 года назад

      Same here... Thank you!!

    • @mujtabasiddiq8570
      @mujtabasiddiq8570 3 года назад

      @@avihaybi you p

  • @BrunoGDC
    @BrunoGDC 2 года назад

    I'm making my online store now and i've been coming to your chanel for help a lot of times. Thank you!

  • @renatinho_cabeleira
    @renatinho_cabeleira 2 года назад +1

    Great!! I was sooo frustrated trying a lot of shitty plugins... Thanks for that one

  • @mefilipem
    @mefilipem 3 года назад +4

    Hello from Brazil! Thank you very much for the video, it really was a great plugin tip. There are few videos and plugins for product sliders. Your content really helped me a lot, keep producing these videos.

  • @chalodesune9985
    @chalodesune9985 2 года назад

    bro, can't really thank you enough bro for this video, i was looking for this type of slider or just simple things, i just can't really thank enough u bro, thank u

  • @GTAITBiz-pg4on
    @GTAITBiz-pg4on Год назад

    I was fighting with this design, because i wanted a traditional shipping cart below. then i saw your styling and i decided use it the way it is. thx.

    • @GTAITBiz-pg4on
      @GTAITBiz-pg4on Год назад

      How do you add a shopping cart box with this? also, can we change the word cart to "bag" thx

  • @vidhuiscool16
    @vidhuiscool16 3 года назад +1

    I dont want to use a plugin for such a small feature, isnt there a javascript or css that can be applied to the products grid widget of elementor ?

  • @TamilThagaval
    @TamilThagaval 2 года назад

    how can we select a specific product using its SKU or product ID or by woocommerce product shortcode ? and make those specific product as sliders ? all these plugins will give option to select as category or brand or tags, i want it by sku or id

  • @unknownman1
    @unknownman1 4 года назад +1

    thanks bro. checking all videos on your channel and I must admit the videos are very useful

    • @UrielSoto
      @UrielSoto  4 года назад

      Awesome! I'm glad they were helpful

  • @thiagovars
    @thiagovars 3 года назад +1

    Really good content. Helps me out a lot on a old project update. Thank you so much!

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

    For some reason this slider has underline under the sales price and I can't figure out how to remove it. Also, in mobil version, I can't figure out how to move "sales" badge around.

  • @lucaspaulina4112
    @lucaspaulina4112 3 года назад

    very good video friend, your channel has given me several solutions to my problems, but I wanted to ask you a question, how do you solve products that are misaligned?

  • @danli4378
    @danli4378 3 года назад +1

    Thank you sooo much for making this video it helps me alot! just one more question may I know how to change the item layout in the moble version from 1 product to 4 products on screen in the same time? thank you!

  • @tomiserra8432
    @tomiserra8432 2 года назад

    Amazing Uriel, just what I was looking for! Thanks

  • @mohamedsebri4955
    @mohamedsebri4955 Год назад

    thanks very much that was really helpful

  • @user-ll8rw6zg6s
    @user-ll8rw6zg6s 3 месяца назад

    Having Problems in tablet version can you show us how to fixed it??

  • @sasboot-ton3911
    @sasboot-ton3911 2 месяца назад

    I had to laugh a bit sorry. That was quite funny. "Hello welcome to the tutorial" "I cant find it and dont remember the name" Not out of spite but that was realy funny hahaha thanks for the video. well explained

  • @sopaan85
    @sopaan85 4 года назад

    Thank you so much brother for the detailed demonstration from starting.

  • @strive4impact
    @strive4impact 2 года назад

    Helpful video for sure. Thank you!

  • @hotomoka5903
    @hotomoka5903 3 года назад

    It's worked for me, thanks for sharing!

  • @fahdbamou65
    @fahdbamou65 2 года назад

    THANK YOU FOR THIS VIDEOS, YOU SAVED ME BRO

  • @relaxonlysocial
    @relaxonlysocial 2 года назад

    great content!

  • @subhasishbhattacharya.
    @subhasishbhattacharya. 3 года назад

    Thank You So Much, it's really amazing man !

  • @shaveenarosh7657
    @shaveenarosh7657 3 года назад

    Good stuff.. I like this plugin. But quick view is not working properly. Once the quick view window is opened you cant select any product variation. Do you know how to fix this? Thanks.

  • @vlada.bijanic
    @vlada.bijanic 2 года назад

    What if I need two columns in mobile view?

  • @nomankhalid936
    @nomankhalid936 3 года назад

    great man, you solved my problem very easily

  • @raghavsood6156
    @raghavsood6156 4 года назад +1

    Uriel Soto - I want my slider to automatically go through each slid. I need maximum of 8 slides. I need the 3rd slider to have 4 categories each with products.

    • @UrielSoto
      @UrielSoto  4 года назад

      This method doesn't work for you. What issues are you having?

    •  4 года назад

      for that you gotta use a grid plugin or croco plugins (they worth their value)

  • @exel1212
    @exel1212 3 года назад +1

    ohh thanks, I was struggling to find this ohhhh

    • @UrielSoto
      @UrielSoto  3 года назад

      Well good thing you found me :)

  • @arshpreetsingh341
    @arshpreetsingh341 3 года назад

    thank you

  • @sudhanshusingh6115
    @sudhanshusingh6115 3 года назад

    Great stuff man! Really helped me out.

  • @renatofernandes2100
    @renatofernandes2100 2 года назад

    Congrets man! Great content!

  • @SantiagoMtbike
    @SantiagoMtbike 2 года назад

    Is this possible to native from elementor pro?

  • @alexanderhoch1584
    @alexanderhoch1584 3 года назад

    Did the same, but in my case the arrows where inside the Slider Box. i want them outside like in your case. What Setting i need?

  • @kaseraraghav
    @kaseraraghav 2 года назад

    Can you tell me which is theme of a website?

  • @ThunderMan88
    @ThunderMan88 4 года назад

    Thank you! Looks great on my web as well

    • @UrielSoto
      @UrielSoto  4 года назад

      Awesome. I'm glad it worked for you.

  • @jumoby
    @jumoby 2 года назад

    Thanks! This is helpful.

  • @jinjakka
    @jinjakka 2 года назад

    Thanks for this. How do I center the product titles and price instead of it being left aligned?

  • @buyersneed
    @buyersneed 3 года назад

    I tried rhis tool but the image sizes are not uniform , one is large and another is small. Can I have any solution

  • @dialjuliansyah392
    @dialjuliansyah392 2 года назад

    so good video. thanks man

  • @Namik.33-6
    @Namik.33-6 2 года назад

    Where can I change the Image size in the Slider ? Its too big for me sadly, theyre all same proprotion, thats fine, but the image size itself, is too big

  • @yashbhanushali7208
    @yashbhanushali7208 4 года назад

    How to edit header and add the search button + how to add (asd to basket button like yours just the symbol) please help

  • @iamcreativeniraj
    @iamcreativeniraj 2 года назад

    how can I change image inside it?

  • @yashbhanushali7208
    @yashbhanushali7208 4 года назад

    Also how do you add variations in one product for example t-shirt size and color

  • @TICKTUBE
    @TICKTUBE 3 года назад

    can you choose what product to put?

  • @danir.8299
    @danir.8299 4 года назад

    Hello Uriel, just one question, I checked this plugin but I didn't find how to filter products by TAGS (not CATEGORIES) ? Do you think it s possible ? Thks.

  • @mtnrabbit
    @mtnrabbit 4 года назад

    Hi , How do I access the slider options in Elementor , I am a newbie and going crazy trying to find this dashboard , Thanks

  • @jijim7941
    @jijim7941 Год назад

    how i can make slides motion automaticlly without i click the arrow

  • @ZeeshanIqbal24
    @ZeeshanIqbal24 Год назад

    I installed it but the images are pixeleted

  • @samsstrategies
    @samsstrategies 2 года назад

    nice tip, btw what theme is used on this website?

  • @ptbilog
    @ptbilog 4 года назад +1

    Thank you. Is there also a free search filter where you can link this product slider?

    • @UrielSoto
      @UrielSoto  3 года назад

      I don't think there is at the moment. Unless they have it in a pro version.

  • @jiarongteh513
    @jiarongteh513 2 года назад

    i can`t display my cart button..

  • @ilakkayamotivations
    @ilakkayamotivations 2 года назад

    My shop page content was changed a little bit after this...

  • @yashbhanushali7208
    @yashbhanushali7208 4 года назад

    Plus when I remove the first section and add any column or any section it collapses with the header please help

  • @aliatabassum2684
    @aliatabassum2684 4 года назад +1

    Hi, can you please tell me how I can change the main menu. I want it under the logo and search wishlist and cart on right side of logo

    • @UrielSoto
      @UrielSoto  4 года назад

      Yes, if youre using Elementor you can change your menu. My video should help ruclips.net/video/Q6SPzgIPQZ8/видео.html

  • @aidaideas6765
    @aidaideas6765 3 года назад

    well done thanks sir

  • @MarlonCarvalhoDG
    @MarlonCarvalhoDG 2 года назад

    This plugin is very heavy when slide to the side

  • @COMEDYCHANNEL-nd6ce
    @COMEDYCHANNEL-nd6ce 2 года назад

    This carousel dosent work for android it flickers everytime you reloadthe page

  • @swastikagupta757
    @swastikagupta757 4 года назад

    Hi, i wana to have slider of product image ( main product image which is besides add to cart ). Please suggest, egarly waiting for your reply

  • @MrBim-wd5rr
    @MrBim-wd5rr Год назад

    how to input the product?

  • @pramodverma6319
    @pramodverma6319 4 года назад

    hello uriel soto can you help me please my wish list, and retting not sowing in Universal Product Layout

  • @yashbhanushali7208
    @yashbhanushali7208 4 года назад

    Hey how did you add the search button in this theme??

  • @shakespeakers
    @shakespeakers 4 года назад

    cant you decide image size in the slider? seems a bit large...or do you need to use smaller images for "main product image"?

    • @UrielSoto
      @UrielSoto  4 года назад +1

      Yeah you would have to resize them before you upload or edit them in the word Image editor when you view the image.

  • @yashpanchal2033
    @yashpanchal2033 4 года назад

    Hello, Amazing Video!! Could you please help me how to add specific product category slider with this widget?

    • @UrielSoto
      @UrielSoto  4 года назад

      It's not in the video?

    • @yashpanchal2033
      @yashpanchal2033 4 года назад

      @@UrielSoto Please help me with different category products.

  • @mayankdwivedidi35
    @mayankdwivedidi35 3 года назад

    Sir how we can change the cart button, to call or contact button by the way your video is very nice thank you

    • @UrielSoto
      @UrielSoto  3 года назад

      You probably have to adjust the plugin code for that. That might be custom

  • @anu.elsewhere
    @anu.elsewhere 3 года назад

    thanks brother

  • @callitcuriosity5990
    @callitcuriosity5990 4 года назад

    hi, can you please help me figure how can I display the products? I typed the product category I want to display in the query settings but it says no results. My products are already assigned to a category. Please help!

    • @UrielSoto
      @UrielSoto  4 года назад

      You tried choosing the category in the element settings?

  • @voneatpen6060
    @voneatpen6060 3 года назад

    Hi Uriel, I'm making a bookstore site. I want to add fields such as Author, Condition (New, Used), and Type (Hardcover, Paperback) to the product. Can you advise how I can achieve that?

    • @UrielSoto
      @UrielSoto  3 года назад +1

      You would need to use advanced custom fields. I cover it on this video. ruclips.net/video/Vf4H4BZyRBs/видео.html

  • @alanwaskiewicz3888
    @alanwaskiewicz3888 3 года назад

    how do you edit quick view could anyone help me with this one

  • @Zackbingzhi
    @Zackbingzhi Год назад

    How to make a single product page thumbnail slider?

  • @Colyz93
    @Colyz93 4 года назад

    great video, i can't find an option to hide out of stock?

    • @UrielSoto
      @UrielSoto  4 года назад

      I would suggest excluding them for now the slider settings.

  • @ivanrdriguez3956
    @ivanrdriguez3956 4 года назад

    Gracias me salvaste la vida!! :D

  • @sarthakmangal3440
    @sarthakmangal3440 4 года назад

    hey, Which screen recording software do you use? The circle showing your video is cool. I liked it !!

    • @UrielSoto
      @UrielSoto  4 года назад

      I use OBS with a circle image filter. You can search it up on RUclips. Its all over.

    • @UrielSoto
      @UrielSoto  4 года назад

      Sorry it's Loom actually. These are my old videos. I used to use loom bcs you could move the bubble during the recording. The issue is that any video over 20min or so might now get saved. So that's why I use OBS now

  • @disaepaginasweb1597
    @disaepaginasweb1597 4 года назад

    Hi! could yout tell me how can i do the first bloque.. i mean the first slyder? When it says "Join the organic Movement".. please.. some tutorial for that?

    • @UrielSoto
      @UrielSoto  4 года назад +1

      Of course. I made a video on how to build that website. You can find it here ruclips.net/video/grR2DuIi1CA/видео.html

    • @disaepaginasweb1597
      @disaepaginasweb1597 4 года назад +1

      @@UrielSoto thank you ... I'm from Perú

    • @UrielSoto
      @UrielSoto  4 года назад

      @@disaepaginasweb1597 Hello! Nice to meet you. :)

  • @TheSpynerd
    @TheSpynerd 4 года назад

    When I use the universal product layout and select slider it gives me the product stack on the top of the other instead of being next to one another. Any suggestion why this happens?

    • @UrielSoto
      @UrielSoto  4 года назад

      You might need to use a different theme that's compatible.

    • @TheSpynerd
      @TheSpynerd 4 года назад

      @@UrielSoto I've fixed it by using product tab and then slider. Not as cool as the product layout but it works. Thanks for your input and thanks for the great video

  • @JSMBizhack
    @JSMBizhack 4 года назад

    Can you guide how to set up all products of all categories in one page as page sections with elementor pro? Each category = page section. And one page navigation of categories menu to page sections. (Just like uber eats)

    • @UrielSoto
      @UrielSoto  4 года назад

      Yeah I'll make a video on that.

  • @alicekim3643
    @alicekim3643 4 года назад

    Quick question, do you know how to assign different products to the segment? I want to show my actual product in a different category! Thank you in advance!

    • @UrielSoto
      @UrielSoto  4 года назад +1

      Yeah just make a new category for the products you want to show and add them to it. Than select that category in the slider element.

    • @NeoPatriot
      @NeoPatriot 2 года назад

      @@UrielSoto hi, I want that when you switch to the product category, the product that corresponds to this category is displayed automatically. How to do it? Thank you in advance. Sorry about my language. I am writing to you through a translator.

  •  4 года назад

    whats weird is when we activate this we loose all but 2 products in the shop page...

    • @UrielSoto
      @UrielSoto  3 года назад

      Might be a plugin or theme interfering with the product slider.

  • @wasifkhan8135
    @wasifkhan8135 4 года назад

    when I drag product archive layout nothing has been shown?

    • @UrielSoto
      @UrielSoto  4 года назад

      Can you elaborate please?

  • @lanz8940
    @lanz8940 4 года назад

    WL plugin is not showing in my elementor page...help

    • @UrielSoto
      @UrielSoto  4 года назад +1

      Might be your theme or plugin interfering with WL plugin. Try a different theme of you can and if that doesn't work install your plugins one by one and see if it works.

  • @RobinShakya-me3hv
    @RobinShakya-me3hv Год назад

    Can't find this plugin

  • @livingmylife6030
    @livingmylife6030 4 года назад

    hi please can you tell me how to display products on my homepage

    • @UrielSoto
      @UrielSoto  4 года назад

      Yes, make sure your products have a category and choose that category in the slider.

    • @livingmylife6030
      @livingmylife6030 4 года назад

      @@UrielSoto Thank You

  • @nikiforospertselis4710
    @nikiforospertselis4710 4 года назад

    What theme do you use?

    • @UrielSoto
      @UrielSoto  4 года назад +1

      This one is Astra. Watch this video I go over it. ruclips.net/video/grR2DuIi1CA/видео.html

    • @nikiforospertselis4710
      @nikiforospertselis4710 4 года назад

      @@UrielSoto Thank you!

  • @emirsaidhaliloglu2523
    @emirsaidhaliloglu2523 4 года назад

    Hi, could you tell me how can I get the exact theme?

    • @UrielSoto
      @UrielSoto  4 года назад +1

      Yeah that theme is called Astra. I have a video on how you can get that exact theme on my channel. You can find it here. ruclips.net/video/grR2DuIi1CA/видео.html

    • @emirsaidhaliloglu2523
      @emirsaidhaliloglu2523 4 года назад

      @@UrielSoto thank you

  • @imperio_cosmetics
    @imperio_cosmetics 3 года назад

    the mouse is damaged now :D

  • @dirkwangke9476
    @dirkwangke9476 4 года назад

    I cannot add column on Layout menu, I only had 3 column.. Why? any solution?

    • @dirkwangke9476
      @dirkwangke9476 4 года назад

      Got it.. slider option then

    • @UrielSoto
      @UrielSoto  4 года назад

      So you figured it out?

    • @TheSpynerd
      @TheSpynerd 4 года назад

      @@UrielSoto When I use the universal product layout and select slider it gives me the product stack on the top of the other under one column instead of being next to one another. Any suggestion why this happens?

  • @MoneRodriguez
    @MoneRodriguez 3 года назад

    omg you are going to break that mouse! ..... no hate but its disturbing.... but i loved your tutorial

    • @UrielSoto
      @UrielSoto  3 года назад

      It's all good. I got a silent mouse now haha

  • @akashaa426
    @akashaa426 4 года назад

    woolentor is not working, any other plugin

    • @UrielSoto
      @UrielSoto  4 года назад

      It's not? Might be your theme or a plugin interfering.

  • @freelanceandtravel
    @freelanceandtravel 3 года назад

    I love your stuff man! If I want to partner with you, how do I reach out. I have a big social media saas company and I NEED to work with you :) Shawna

    • @UrielSoto
      @UrielSoto  3 года назад

      Yes of course. Reach out to me at sotoinquiry@gmail.com

  • @sanjaykariyanna6367
    @sanjaykariyanna6367 3 года назад

    @3:14 i know your struggle... Here.. And how it feels. Being an website developer 😭

    • @UrielSoto
      @UrielSoto  3 года назад +1

      You already know. Finding things can be a struggle sometimes haha

  • @umerjavaid5180
    @umerjavaid5180 4 года назад

    yo where is e-commerce website link ?

    • @UrielSoto
      @UrielSoto  4 года назад

      Just search for Astra starter sites on the plugins and you'll find this template.

  • @kloudytics
    @kloudytics 3 года назад

    Why do you have to hit the keyboard (Enter button) so strong? It is very annoying. It is a good video but could be better.

  • @antonissa1970
    @antonissa1970 3 года назад

    0:05 broo this theme from cartflows you don't make it !!!! wtf

  • @docileferreira7626
    @docileferreira7626 3 года назад

    This got debugging on my website 🤦🏻‍♀

    • @UrielSoto
      @UrielSoto  3 года назад

      I'm sorry might be another plugin interfering.

  • @chartify_official
    @chartify_official 4 года назад

    Bau dhiro che bhai tu

  • @sheezanawaz476
    @sheezanawaz476 Год назад

    Sir, I have implemented two sliders and want to change and display them based on button clicks, using this function
    // Hide the second slide initially
    $('#Twoslide').css('display', 'none');
    $(document).on('click', '#shoe', function () {
    $('#Oneslide').show();
    $('#Twoslide').hide();
    });
    $(document).on('click', '#feat', function () {
    $('#Oneslide').hide();
    $('#Twoslide').show();
    });
    });
    })
    The function works fine, but on the first click, the first slide is not displayed, and there is an empty space. When I double-click on this space, then the slide is shown. Could you please explain the reason behind this behavior and suggest a solution

  • @Alokpreeti
    @Alokpreeti 4 года назад

    Thanks bro

  • @ChrisInception
    @ChrisInception Год назад

    When I put my products I load in very low quality my images, how do I solve it?