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

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ •

  • @no-name-hu
    @no-name-hu Рік тому +1

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

  • @BrunoGDC
    @BrunoGDC 3 роки тому

    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

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

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

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

  • @mohamedsebri4955
    @mohamedsebri4955 2 роки тому

    thanks very much that was really helpful

  • @samsstrategies
    @samsstrategies 2 роки тому

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

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

  • @renatofernandes2100
    @renatofernandes2100 2 роки тому

    Congrets man! Great content!

  • @mefilipem
    @mefilipem 4 роки тому +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.

  • @shaveenarosh7657
    @shaveenarosh7657 4 роки тому

    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.

  • @TICKTUBE
    @TICKTUBE 4 роки тому

    can you choose what product to put?

  • @fahdbamou65
    @fahdbamou65 3 роки тому

    THANK YOU FOR THIS VIDEOS, YOU SAVED ME BRO

  • @SantiagoMtbike
    @SantiagoMtbike 2 роки тому

    Is this possible to native from elementor pro?

  • @alexanderhoch1584
    @alexanderhoch1584 4 роки тому

    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?

  • @tomiserra8432
    @tomiserra8432 3 роки тому

    Amazing Uriel, just what I was looking for! Thanks

  • @vlada.bijanic
    @vlada.bijanic 2 роки тому

    What if I need two columns in mobile view?

  • @hotomoka5903
    @hotomoka5903 3 роки тому

    It's worked for me, thanks for sharing!

  • @MusfiqurRahmanPeush
    @MusfiqurRahmanPeush 7 місяців тому

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

  • @strive4impact
    @strive4impact 2 роки тому

    Helpful video for sure. Thank you!

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

  • @relaxonlysocial
    @relaxonlysocial 2 роки тому

    great content!

  • @buyersneed
    @buyersneed 4 роки тому

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

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

  • @subhasishbhattacharya.
    @subhasishbhattacharya. 3 роки тому

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

  • @danli4378
    @danli4378 4 роки тому +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!

  • @kaseraraghav
    @kaseraraghav 2 роки тому

    Can you tell me which is theme of a website?

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

  • @sasboot-ton3911
    @sasboot-ton3911 5 місяців тому

    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

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

  • @dialjuliansyah392
    @dialjuliansyah392 2 роки тому

    so good video. thanks man

  • @iamcreativeniraj
    @iamcreativeniraj 3 роки тому

    how can I change image inside it?

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

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

  • @jumoby
    @jumoby 3 роки тому

    Thanks! This is helpful.

  • @thiagovars
    @thiagovars 3 роки тому +1

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

  • @yashbhanushali7208
    @yashbhanushali7208 4 роки тому

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

  • @yashbhanushali7208
    @yashbhanushali7208 4 роки тому

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

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

  • @nikiforospertselis4710
    @nikiforospertselis4710 4 роки тому

    What theme do you use?

    • @UrielSoto
      @UrielSoto  4 роки тому +1

      This one is Astra. Watch this video I go over it. ua-cam.com/video/grR2DuIi1CA/v-deo.html

    • @nikiforospertselis4710
      @nikiforospertselis4710 4 роки тому

      @@UrielSoto Thank you!

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

  • @sudhanshusingh6115
    @sudhanshusingh6115 4 роки тому

    Great stuff man! Really helped me out.

  • @ZeeshanIqbal24
    @ZeeshanIqbal24 Рік тому

    I installed it but the images are pixeleted

  • @jinjakka
    @jinjakka 3 роки тому

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

  • @sopaan85
    @sopaan85 4 роки тому

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

  • @nomankhalid936
    @nomankhalid936 3 роки тому

    great man, you solved my problem very easily

  • @pramodverma6319
    @pramodverma6319 4 роки тому

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

  • @exel1212
    @exel1212 4 роки тому +1

    ohh thanks, I was struggling to find this ohhhh

    • @UrielSoto
      @UrielSoto  4 роки тому

      Well good thing you found me :)

  • @yashbhanushali7208
    @yashbhanushali7208 4 роки тому

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

  •  3 роки тому

    Thanks man

  • @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 ua-cam.com/video/Q6SPzgIPQZ8/v-deo.html

  • @jiarongteh513
    @jiarongteh513 3 роки тому

    i can`t display my cart button..

  • @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 ua-cam.com/video/grR2DuIi1CA/v-deo.html

    • @disaepaginasweb1597
      @disaepaginasweb1597 4 роки тому +1

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

    • @UrielSoto
      @UrielSoto  4 роки тому

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

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

  • @ilakkayamotivations
    @ilakkayamotivations 3 роки тому

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

  • @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. ua-cam.com/video/Vf4H4BZyRBs/v-deo.html

  • @alanwaskiewicz3888
    @alanwaskiewicz3888 3 роки тому

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

  • @jijim7941
    @jijim7941 Рік тому

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

  • @MrBim-wd5rr
    @MrBim-wd5rr Рік тому

    how to input the product?

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

  • @arshpreetsingh341
    @arshpreetsingh341 3 роки тому

    thank you

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

  • @ThunderMan88
    @ThunderMan88 4 роки тому

    Thank you! Looks great on my web as well

    • @UrielSoto
      @UrielSoto  4 роки тому

      Awesome. I'm glad it worked for you.

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

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

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

  • @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 3 роки тому

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

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

  • @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. ua-cam.com/video/grR2DuIi1CA/v-deo.html

    • @emirsaidhaliloglu2523
      @emirsaidhaliloglu2523 4 роки тому

      @@UrielSoto thank you

  • @aidaideas6765
    @aidaideas6765 3 роки тому

    well done thanks sir

  • @MarlonCarvalhoDG
    @MarlonCarvalhoDG 2 роки тому

    This plugin is very heavy when slide to the side

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

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

  • @anu.elsewhere
    @anu.elsewhere 4 роки тому

    thanks brother

  • @wasifkhan8135
    @wasifkhan8135 4 роки тому

    when I drag product archive layout nothing has been shown?

    • @UrielSoto
      @UrielSoto  4 роки тому

      Can you elaborate please?

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

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

  • @RobinShakya-me3hv
    @RobinShakya-me3hv 2 роки тому

    Can't find this plugin

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

  • @antonissa1970
    @antonissa1970 4 роки тому

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

  • @imperio_cosmetics
    @imperio_cosmetics 3 роки тому

    the mouse is damaged now :D

  • @akashaa426
    @akashaa426 4 роки тому

    woolentor is not working, any other plugin

    • @UrielSoto
      @UrielSoto  4 роки тому

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

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

  • @sanjaykariyanna6367
    @sanjaykariyanna6367 4 роки тому

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

    • @UrielSoto
      @UrielSoto  4 роки тому +1

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

  • @ivanrdriguez3956
    @ivanrdriguez3956 4 роки тому

    Gracias me salvaste la vida!! :D

  • @freelanceandtravel
    @freelanceandtravel 4 роки тому

    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  4 роки тому

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

  • @docileferreira7626
    @docileferreira7626 4 роки тому

    This got debugging on my website 🤦🏻‍♀

    • @UrielSoto
      @UrielSoto  4 роки тому

      I'm sorry might be another plugin interfering.

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

  • @MoneRodriguez
    @MoneRodriguez 4 роки тому

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

    • @UrielSoto
      @UrielSoto  4 роки тому

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

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

  • @kingslavd661
    @kingslavd661 10 місяців тому

    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.

  • @ChrisInception
    @ChrisInception Рік тому

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