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

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ต.ค. 2024

ความคิดเห็น • 161

  • @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!

  • @no-name-hu
    @no-name-hu ปีที่แล้ว +1

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

  • @renatinho_cabeleira
    @renatinho_cabeleira 2 ปีที่แล้ว +1

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

  • @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

  • @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.

  • @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

  • @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

  • @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

  • @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?

  • @mohamedsebri4955
    @mohamedsebri4955 ปีที่แล้ว

    thanks very much that was really helpful

  • @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 ?

  • @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!

  • @thiagovars
    @thiagovars 3 ปีที่แล้ว +1

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

  • @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

  • @tomiserra8432
    @tomiserra8432 2 ปีที่แล้ว

    Amazing Uriel, just what I was looking for! Thanks

  • @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)

  • @sopaan85
    @sopaan85 4 ปีที่แล้ว

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

  • @hotomoka5903
    @hotomoka5903 3 ปีที่แล้ว

    It's worked for me, thanks for sharing!

  • @fahdbamou65
    @fahdbamou65 2 ปีที่แล้ว

    THANK YOU FOR THIS VIDEOS, YOU SAVED ME BRO

  • @strive4impact
    @strive4impact 2 ปีที่แล้ว

    Helpful video for sure. Thank you!

  • @jumoby
    @jumoby 3 ปีที่แล้ว

    Thanks! This is helpful.

  • @samsstrategies
    @samsstrategies 2 ปีที่แล้ว

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

    • @UrielSoto
      @UrielSoto  2 ปีที่แล้ว

      I believe Astra

  • @MusfiqurRahmanPeush
    @MusfiqurRahmanPeush 4 หลายเดือนก่อน

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

  • @subhasishbhattacharya.
    @subhasishbhattacharya. 3 ปีที่แล้ว

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

  • @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

  • @relaxonlysocial
    @relaxonlysocial 2 ปีที่แล้ว

    great content!

  • @jinjakka
    @jinjakka 2 ปีที่แล้ว

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

  • @dialjuliansyah392
    @dialjuliansyah392 2 ปีที่แล้ว

    so good video. thanks 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.

  • @sasboot-ton3911
    @sasboot-ton3911 3 หลายเดือนก่อน

    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

  • @nomankhalid936
    @nomankhalid936 3 ปีที่แล้ว

    great man, you solved my problem very easily

  • @ThunderMan88
    @ThunderMan88 4 ปีที่แล้ว

    Thank you! Looks great on my web as well

    • @UrielSoto
      @UrielSoto  4 ปีที่แล้ว

      Awesome. I'm glad it worked for you.

  • @renatofernandes2100
    @renatofernandes2100 2 ปีที่แล้ว

    Congrets man! Great content!

    • @UrielSoto
      @UrielSoto  2 ปีที่แล้ว

      Thanks 🙏🏼

  • @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.

  • @ptbilog
    @ptbilog 4 ปีที่แล้ว +1

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

    • @UrielSoto
      @UrielSoto  4 ปีที่แล้ว

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

  • @aidaideas6765
    @aidaideas6765 3 ปีที่แล้ว

    well done thanks sir

  • @mayankdwivedidi35
    @mayankdwivedidi35 4 ปีที่แล้ว

    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  4 ปีที่แล้ว

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

  • @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?

  • @kingslavd661
    @kingslavd661 7 หลายเดือนก่อน

    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.

  • @sudhanshusingh6115
    @sudhanshusingh6115 3 ปีที่แล้ว

    Great stuff man! Really helped me out.

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว

      No problem :)

  • @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 TH-cam. 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

  • @anu.elsewhere
    @anu.elsewhere 3 ปีที่แล้ว

    thanks brother

  • @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?

  • @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

  • @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.

  • @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.

  • @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

  • @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.

  • @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.

  • @kaseraraghav
    @kaseraraghav 2 ปีที่แล้ว

    Can you tell me which is theme of a website?

  • @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.

  • @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 th-cam.com/video/Q6SPzgIPQZ8/w-d-xo.html

  • @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

  • @vlada.bijanic
    @vlada.bijanic 2 ปีที่แล้ว

    What if I need two columns in mobile view?

  • @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

  • @yashbhanushali7208
    @yashbhanushali7208 4 ปีที่แล้ว

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

  • @ilakkayamotivations
    @ilakkayamotivations 2 ปีที่แล้ว

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

  • @yashbhanushali7208
    @yashbhanushali7208 4 ปีที่แล้ว

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

  • @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. th-cam.com/video/Vf4H4BZyRBs/w-d-xo.html

  • @ZeeshanIqbal24
    @ZeeshanIqbal24 ปีที่แล้ว

    I installed it but the images are pixeleted

  • @pramodverma6319
    @pramodverma6319 4 ปีที่แล้ว

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

  • @SantiagoMtbike
    @SantiagoMtbike 2 ปีที่แล้ว

    Is this possible to native from elementor pro?

  • @Sweetviralcooking
    @Sweetviralcooking 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

    • @UrielSoto
      @UrielSoto  4 ปีที่แล้ว

      Can you elaborate?

  • @jijim7941
    @jijim7941 ปีที่แล้ว

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

  • @iamcreativeniraj
    @iamcreativeniraj 2 ปีที่แล้ว

    how can I change image inside it?

  • @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?

  • @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 th-cam.com/video/grR2DuIi1CA/w-d-xo.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

  • @nikiforospertselis4710
    @nikiforospertselis4710 4 ปีที่แล้ว

    What theme do you use?

    • @UrielSoto
      @UrielSoto  4 ปีที่แล้ว +1

      This one is Astra. Watch this video I go over it. th-cam.com/video/grR2DuIi1CA/w-d-xo.html

    • @nikiforospertselis4710
      @nikiforospertselis4710 4 ปีที่แล้ว

      @@UrielSoto Thank you!

  • @MarlonCarvalhoDG
    @MarlonCarvalhoDG 2 ปีที่แล้ว

    This plugin is very heavy when slide to the side

  • @ivanrdriguez3956
    @ivanrdriguez3956 4 ปีที่แล้ว

    Gracias me salvaste la vida!! :D

  • @jiarongteh513
    @jiarongteh513 2 ปีที่แล้ว

    i can`t display my cart button..

  • @Zackbingzhi
    @Zackbingzhi ปีที่แล้ว

    How to make a single product page thumbnail slider?

  • @COMEDYCHANNEL-nd6ce
    @COMEDYCHANNEL-nd6ce 2 ปีที่แล้ว

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

  •  4 ปีที่แล้ว

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

    • @UrielSoto
      @UrielSoto  4 ปีที่แล้ว

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

  • @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. th-cam.com/video/grR2DuIi1CA/w-d-xo.html

    • @emirsaidhaliloglu2523
      @emirsaidhaliloglu2523 4 ปีที่แล้ว

      @@UrielSoto thank you

  • @MrBim-wd5rr
    @MrBim-wd5rr ปีที่แล้ว

    how to input the product?

  • @alanwaskiewicz3888
    @alanwaskiewicz3888 3 ปีที่แล้ว

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

  • @wasifkhan8135
    @wasifkhan8135 4 ปีที่แล้ว

    when I drag product archive layout nothing has been shown?

    • @UrielSoto
      @UrielSoto  4 ปีที่แล้ว

      Can you elaborate please?

  • @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

  • @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?

  • @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.

  • @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.

  • @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

  • @imperio_cosmetics
    @imperio_cosmetics 3 ปีที่แล้ว

    the mouse is damaged now :D

  • @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

  • @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

  • @RobinShakya-me3hv
    @RobinShakya-me3hv ปีที่แล้ว

    Can't find this plugin

  • @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.

  • @akashaa426
    @akashaa426 4 ปีที่แล้ว

    woolentor is not working, any other plugin

    • @UrielSoto
      @UrielSoto  4 ปีที่แล้ว

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

  • @antonissa1970
    @antonissa1970 3 ปีที่แล้ว

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

  • @docileferreira7626
    @docileferreira7626 4 ปีที่แล้ว

    This got debugging on my website 🤦🏻‍♀

    • @UrielSoto
      @UrielSoto  4 ปีที่แล้ว

      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

  • @ChrisInception
    @ChrisInception ปีที่แล้ว

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