Elementor Pro Shop Page Tutorial & Ele Custom Skin | Custom Woocommerce Shop #1

Поділитися
Вставка
  • Опубліковано 24 січ 2021
  • Learn how to create a custom shop page on Elementor Pro.
    Download template here:
    urieljsoto.gumroad.com/l/watc...
    Find info and code here: urielsoto.com/elementor-pro-s...
    Download Images & Fonts:
    bit.ly/3pA2Awx
    Download my templates here:
    / 55603986
    🔵 Join Our Facebook Community!
    bit.ly/urielsotofbgroup
    🟢 Tech Support:
    urielsoto.com/services/
    🟢 My Web Agency:
    vluxdesigns.com/
    MY COURSES:
    🟣 Elementor Mobile Responsive Course
    bit.ly/elementormobile
    🟣 Website Building Factory Course
    bit.ly/websitebuildingfactory
    PRODUCTS I USE FOR MY WEBSITES:
    🔴 Get Elementor Pro - My Favorite Page Builder
    bit.ly/urielelementorpro​​​​​​​​​
    PRIVATE GROUP:
    🔵 Join My Patreon & Get Design Downloads
    bit.ly/uspatreon
    CONTACT ME:
    My Website: urielsoto.com/​
    Facebook: / urielsotodev
    Linkedin: / uriel-soto-976b3117a
    #elementor #woocommerce

КОМЕНТАРІ • 72

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

    Thanks for sharing. I learned elementor can customized to this level. Save a lot of time

  • @kamrankhan-ip8wb
    @kamrankhan-ip8wb 2 роки тому

    Hello Uriel, thank you for your useful tips.and huge knowlege ............for custom.Thank u so much

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

    Love this. Thank you.

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

    Thank you so much. Love you bro🥰🥰❤❤
    From Bangladesh

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

    Your a magician!!! @ 14:36 you changed your sweater from to blue!!!! ;-)

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

    Yes, a beginners guide to adobe xd would be very valuable

  • @desertapparels
    @desertapparels Рік тому +1

    we want a series!

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

    I liked the video and subbed as soon as you said ACF.... yeah you need to start banging out the tuts bro

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

      I got you bro. Thanks for the sub. I got so much I want to do but I'm always super busy with my business 😭.

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

    very helpful vedio...thanks bro

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

    Hello Uriel, thank you for your useful tips. How do I add a product filter to the Ele Custom Skin?
    I have the problem that my filter does not reach the products. Can you help me with this? Thank you very much

  • @AndrewJ1313
    @AndrewJ1313 2 роки тому +4

    Which filter plugin do you use to filter your products?

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

    Great video. Is it possible to associate a filter like WOOF with the post section ?

  • @raminbeygi322
    @raminbeygi322 2 роки тому +1

    Thank you for the tutorial!.my product is variable. when I add price just show renge of price for examole 20$ - 40$ . how can I show calculated price when customer select variable items? thanks

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

    Hi, thanks for video. Is it possible to add sale bage to the product loop? Thanks

  • @MrJacobpoliquin
    @MrJacobpoliquin 2 роки тому +1

    can you add filtering widgets in the sidebar that would work with posts widget with products query? instead of choosing only a term to show. I want a classic shop page with sidebar filters and ajax filtering but using my custom skin instead of the theme... thanks

  • @0GRANATE0
    @0GRANATE0 2 роки тому

    Hey Uriel, How do you design the "variant selection" option on the loop/archive? Anyone?

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

    Do u think elementor pro can do mouse over event for quickview, basket, add product like most template do?

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

    Thank you for the tutorial! Is it possible to add color swatches to the product with custom fields?

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

      Yes just search for a color swatch plugin.

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

    very good. i have a problem. i want to add wishlist and compare buttom on loop item how can i do that.

  • @ReactiveGaming7
    @ReactiveGaming7 9 місяців тому

    if i do this then can i add like shop filters
    ?

  • @russelmason8841
    @russelmason8841 2 роки тому +1

    Hi, I love your content; it inspires me to do a lot of work, even building my own webpage. I have a question. I have a webpage that I use for consultancy; however, I want to also sell books. When my customers/clients click on "shop" in the header, I would like to take them to another page with my store. I have tried to create and embed a woo-commerce page without success. Can you assist me with a video like that or any advice? Thank you. Keep up the good work

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

      Might have to be custom coded or with a plugin.

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

    If I want put product category name, how I can get find the short code? thank you so much

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

    Uriel, te he perdido!! En el loop, no tengo los mismos settings así que estoy buscandole la vuelta. Y como pones el precio tipo ¨desde¨ si se trata de servicios? Para compraventa de coches, dirías que es lo mismo create product list que un plugin para car dealer? Por lo demas, muchas gracias!! Estoy copiando tus pasitos!!

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

    You are doing very nice videos, please do the XD video that will be so nice too , Thanks for your efforts

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

      Thanks man. I appreciate the comment! I will definitely get record it on XD

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

    Awesome vid - Would like to see how to create a custom product search.

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

      I'll see what I can do!

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

    Hello, ami in the loop settings part I don't get to put product, what do I have to do?

  • @CyberStructor
    @CyberStructor 9 місяців тому

    Great Tutorial, But I am not seeing the option for Custom in Post widget. Please help me

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

    How do i place products on pages other then archives? Cause when i tried to put a few on my homepage the products aren't showing up..

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

    How to add a sorting option in these custom loops ?

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

    Hi, i make all you do but my shop page no change, and i no have idea why

  • @parameshwarin5198
    @parameshwarin5198 4 місяці тому

    Hello Uriel, thank you for your useful tips. How do I add a "Quickview" to the Ele Custom Skin and create quickview popup in elementor?

    • @UrielSoto
      @UrielSoto  4 місяці тому

      I believe you can use the elementor loop function instead of the ele custom skin and then add an icon to the loop that triggers an elementor popup when clicked. I'm just not sure if the data from the product will show. You would need elementor pro maybe. Not sure if this is possible

    • @parameshwarin5198
      @parameshwarin5198 4 місяці тому

      @@UrielSoto Thanks for your reply. Yes I'm using elementor loop. Is there any way to call woocommerce products to "Preview Dynamic content as" dropdown on " Settings -> Preview Settings" (There is only option for post) . So I can set dynamic content to elementor popup and trigger popup to custom button.

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

    how I can link the product archive to my single product page?

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

    I can't get the last code you used for the alignment of the product boxes. Please provide me the css code at 40:03

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

    Did anybody find a solution for the product filters? Everything looks perfect, but it doesn't work with any filter plugin :(

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

    Around the 40 minute mark you put in the customm css to get the product boxes the same size. Do you have something I can copy and paste. I can't figure it out.

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

      I believe it's on here urielsoto.com/elementor-pro-shop-page-tutorial-ele-custom-skin-custom-woocommerce-shop-1/

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

      @@UrielSoto Thanks for the reply. I didn't see the one for the min and max height. I'm gonna rewatch your video a couple more time to see if I can figure it out.

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

    Add to cart not working when i go shop and click add to cart they go view cart not still keep shop page so now How I do ?? Please help or anyone ??

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

    How i can use the acf option if i have more then 1 category...
    i need to set diffrent name of product features to each category

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

      Create a separate one for each category.

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

    How to add star ratings in loop?

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

    Great tutorial, worked for me. But i'm facing one problem, product filters doesnt seem to work on the page. Please let me know how to work around with that. Thank you!

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

      Yeah I'll see if I can make a video on that soon.

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

      Yeah I'll see if I can make a video on that soon.

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

      @@UrielSoto and also if possible make a video on how to create favourites page using this template and tiwishlist plugin, again thank you so very much, liked and subscribed to your channel❤️

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

      @@UrielSoto Can you please make a short video for the product filters? I'm also struggling with the product filters:/ Unfortunately, the filters do not seem to work...

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

      @@UrielSoto did you created one?

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

    Please make a tutorial about Adobe Xd

  • @EA-dt8fh
    @EA-dt8fh 3 роки тому

    fucking gr8! your content is better than webmonkey, livingwithpixels and darrel wilson!

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

    I'm in minute 30, the images do not appear. Why?

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

      Did you create the products and add images

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

      @@UrielSoto Yes, but not everyone has an image

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

      @@tucanaldedbs Did you download the images from the description?

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

      @@UrielSoto No, use others (they have a much larger size)

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

      @@tucanaldedbs Yeah you need to resize to fit properly. Use photoshop or any image editing site.

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

    Hai bro , really nice your videos. I need your help bro. how can I contact or chat with you?

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

    Yes , do it adobe xd .