• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/How To Customize Woocommerce Pages With Elementor & Woolentor

How To Customize Woocommerce Pages With Elementor & Woolentor



Grab your free 17-Point WordPress Launch Checklist PDF: https://wplearninglab.com/get/wordpress-redirects.php?utm_source=youtube&utm_medium=video&utm_campaign=wp_jumpstart&utm_id=17_point_wp_launch_checklist&utm_term=x1he9cpP-Ic&utm_content=video_description
If you want to learn how to customize WooCommerce pages with Elementor then you’re going to run into a brick wall pretty quickly.

Out of the box, Elementor can only customize a handful of the WooCommerce templates. Luckily, the good folks who created Woolentor, made it possible to use the free version of Elementor (or the Pro version if you have it) to create templates for every one of the important WooCommerce pages.

Video note: For the custom Shop page, I used the “Universal Layout widget”, which is actually to create a Product grid on the home page or any other pages. WooLentor has a widget “WL: Product Archive Layout (Custom)” for creating a Custom Shop page.

If you use WooCommerce for yourself or for your clients then this is a must-watch video.

Check out WooLentor over here: https://hasthemes.com/woolentor-wplearninglab

Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab

Here are 20+ reasons why I host all my sites with SiteGround: https://wplearninglab.com/siteground-wordpress-hosting-review/

Post videos of your WordPress success using the hashtag #WPLLCommunity!

Here’s the link for Elementor Pro (aff): https://wplearninglab.com/recommends/elementor

I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.

WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab

source

Written by:
Abdul Wahid
Published on:
October 4, 2022

Categories: VideosTags: bjorn, elementor woocommerce, elementor woocommerce product page, elementor woocommerce shop page, elementor woocommerce tutorial, how to customize woocommerce checkout page, how to customize woocommerce my account page, how to customize woocommerce pages, how to customize woocommerce shop page, how to customize woocommerce shop page in wordpress, how to customize woocommerce thank you page, WooCommerce Elementor, woocommerce shop page customize, woocommerce tutorial, wplearninglab

Reader Interactions

Comments

  1. WordPress Tutorials - WPLearningLab

    October 4, 2022 at 7:29 pm

    If you love using dynamic content in Elementor you need to check out this playlist: https://www.youtube.com/watch?v=e2qYe3QIK5g&list=PLlgSvQqMfii5T-YAr2LPIh0Iukdi1UNUy

  2. Bander ALHarbi

    October 4, 2022 at 7:29 pm

    thank you so much it works just fine πŸ˜€

  3. keith wallace

    October 4, 2022 at 7:29 pm

    RESPONSIVE CONTROL??

  4. Hope Goudy

    October 4, 2022 at 7:29 pm

    For some reason my product archive block and my heading are shifting to the left on my live site. They're centered beautifully when I'm in editing mode but when I update and refresh my website it's shifting everything left. Any ideas on how to fix this? Thanks so much for this awesome tutorial!

  5. Jorge Luis Lopez Sayegh

    October 4, 2022 at 7:29 pm

    Incredible Video thanks!

  6. Etien Lemut

    October 4, 2022 at 7:29 pm

    Can Elementor free or WooLentor have power to censor your content that you publish on your website? Is using these plugins subject to them having power to than restrict, modify or delete your content?

  7. Huron Mobegi

    October 4, 2022 at 7:29 pm

    Hello. Nice tutorials. I encountered some issues when using product filters with woolentor. Both vertical and horizontal product filters don’t work on my custom page using woolentor. Where am I doing it wrong. Am using Astra theme.

  8. Tai Chang

    October 4, 2022 at 7:29 pm

    Thanks for the video. In the product slider, how can I change the action button wordings?

  9. HeNRy Hu

    October 4, 2022 at 7:29 pm

    I love this tutorial, but it seems Woolentor has sorted the Cart Table into the pro version now.

  10. Shahzad Haider

    October 4, 2022 at 7:29 pm

    I own pro version of wool, it's just so so, don't want to recommend.

  11. Monica

    October 4, 2022 at 7:29 pm

    WARNING!!! Guys, the free version of this plugin is pointless…. they might as well just make it fully paid. SIGHHHH

  12. Ravi Prakash Reddy

    October 4, 2022 at 7:29 pm

    Hi, Thanks for this tutorial, I am looking for a Hero Section sliding with an image which covers 60% left side and on the right side to have custom-built products details with discount offer button, so that they can go the product checkout page and one more is that I have gone through 2 plugins which Woolamentor & WooLentor, in both we do not have on landing page customers to view multiple images of the same product and looking for mobile friendly, can you suggest me any plugin which will suit my need, I don't mind pro. Thanks and awaiting your earliest reply.

  13. WGM 247

    October 4, 2022 at 7:29 pm

    I guess jetwoobuilder is an alternative?

  14. Coach Q

    October 4, 2022 at 7:29 pm

    How do you make the template the published page on the site?

  15. Charlie Ross

    October 4, 2022 at 7:29 pm

    I have followed a few tutorials on Woolenter and I still can't get the pages functioning to produce the grid of categories for the main page and then clicking on a category loads the products in only that category, as the regular Woocommerce "Shop" page does.
    All I've achieved is created a visually better looking arrangement for categories using the Universal Product widget, but clicking any image, intending to see products in that category, I get all the products across all categories showing up.

  16. Shaniqua Lewis

    October 4, 2022 at 7:29 pm

    Do you know how I add woo product add on option to a elementor?

  17. alexander casal

    October 4, 2022 at 7:29 pm

    Not useful when trying to create product categories, it conflicts with woo-commerce and doesn't display the product inside them

  18. john john

    October 4, 2022 at 7:29 pm

    Hi WordPress Tutorials – WPLearningLab,can you help me with d design of my frontend of mult vendor marketplace ,backend finish,I just need to design with the elementor

  19. Praveen Singh

    October 4, 2022 at 7:29 pm

    what is the difference between woolentor and woolementor

  20. ndon85

    October 4, 2022 at 7:29 pm

    Great video as always! I have an issue when I try to replicate the above. Basically what happens is that if I place the coupon like you do, when I go to my checkout page somehow it still connects to the default Checkout Page from Woocommerce where the coupon button is on the top header and I have it therefore twice. Am I doing something wrong? Thanks!

  21. Jack's Vlog

    October 4, 2022 at 7:29 pm

    Hi I have problem using woolentor pro with site project hosting on Site Ground, as the plugin Conflicts with SG Optimizer. You may try to identify the issue and suggest solution.

  22. Norain

    October 4, 2022 at 7:29 pm

    Hey, very great tutorial, thanks so much. 😊
    I am wondering if it is a good solution to build a shop where you can buy music with an option to play a preview sound

  23. Bank Phongsak

    October 4, 2022 at 7:29 pm

    Hi there, would be nice if you can also teach us how to do frontend for Woocomerce. I helped friend design website to sale T-shirt, so he can upload products in frontend. No need to logging to backend wordpress. Thank in advance

  24. Ambiente & Risorse

    October 4, 2022 at 7:29 pm

    Well, it seems to cause an issue tho.

    I'm building an e-commerce website with Woocommerce, using Elementor Pro and Astra as a theme. I found, Woolentor, which allows changing the preset shop page with a custom one. So far so good, but the problem comes when I try to search for some products from the search bar. Apparently, there's no search result page, since the search tool redirects me to the shop page. Anybody else facing this problem? How can I solve that?

  25. WGM 247

    October 4, 2022 at 7:29 pm

    Great video.. just wondering whats the alternative to this? Can this all be done in elementor pro? Best alternative to this? Crocoblocks suite?

  26. Akhtar Abdul Rehman

    October 4, 2022 at 7:29 pm

    are all of this is in free woolentor and free elementor

  27. Adriano

    October 4, 2022 at 7:29 pm

    Great video! Having a question, we are trying to colour and customize the cart table header, but it seems not to accept any background colour. – Is there any way to do that? Custom css does not seem to work yet.

  28. Alexander mike

    October 4, 2022 at 7:29 pm

    I really need your help on a project
    Can I have your email or how can I reach you sir

  29. karim sahraoui

    October 4, 2022 at 7:29 pm

    Please could you tell us difference between woolementor pro and woolentor pro and elementor pro whick one to use for all woocommerce pages

  30. Sandra Gazzard

    October 4, 2022 at 7:29 pm

    Hi, great tutorial…my question is I have several categories with different products in each. Does the pro version allow you to choose the template for each page? In the free version when you select the template Product Archive Page Template it shows the same products across all the categories… I need to have different product shown for each category page. hope that makes sense! Thanks Sandra

  31. Linda Sue Buehler

    October 4, 2022 at 7:29 pm

    I like the Elementor Pro single website license for portability. Do Woolentor and Dynamic Content let us activate a single website license on different websites in the same way? Is it standard to be able to move the one license about?

  32. Emmanuel Kuebu

    October 4, 2022 at 7:29 pm

    Nice tut. What software do you use to record and edit your videos?

  33. Ian Bowden

    October 4, 2022 at 7:29 pm

    So, we've got Woolentor and we've got Woolementor β€” almost-identical twins (with almost identical names) from different parents. Same purpose. Same target market. Someone's gotta do a rebranding. Who's gonna be the first to blink?!

  34. Shaddam Hossain

    October 4, 2022 at 7:29 pm

    You made an awesome video tutorial. I really believe that WooLentor is a better option when it comes to customizing any WooCommerce website without any coding knowledge.

  35. Jatin Sharma

    October 4, 2022 at 7:29 pm

    Hi, can you tell me how to fetch the wordpress comment on the post – archive page.

  36. bitkahuna

    October 4, 2022 at 7:29 pm

    1:50 only 3.5 stars for woolentor? hmmm

  37. Ed's Business Essentials Cambridge A-level& IGCSE

    October 4, 2022 at 7:29 pm

    Awesome! I'm getting frustrated by Woo Commerce product pages

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (6)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

WordPress: A Powerhouse for Achieving Internet …

Continue Reading about Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 Β· Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter