In this video we’re going to build the product page with Elementor using Woocommerce data. This is a simple product with not much attributes, in the future I will make it more complicated. But this video is part of the playlist where we are building a simple webshop.

The playlist with all the Woocommerce videos: https://livingwithpixels.com/playlists/woocommerce/
The page with all the links: https://livingwithpixels.com/links/
My basic video about Columns, sections, padding and margin: https://youtu.be/0nm03bulRsQ

→ Software that I recommend
Elementor: https://trk.elementor.com/livingwithpixels-howto
Hosting provider premium: https://www.siteground.com/go/lwp-youtube
Hosting provider affordable: https://www.hostinger.com/livingwithpixels
Adobe Xd (design software): https://bit.ly/lwp-adobexd-yt
All software I recommend: https://livingwithpixels.com/links/

→ Hardware & Gear that I use for videos
Macbook Pro 13 inch: https://amzn.to/2LUjDbG
Camera: RX100 Mark 3: https://amzn.to/2qQlqag
Microphone: Fefine: https://amzn.to/38eBw0T
Chair & Sit/stand Desk: https://bit.ly/39fn6fs

→ Helpful for beginner
Elementor Basics in 10 minutes. Watch: https://youtu.be/E15iQEm9KF8
Elementor Pro Basics in 20 minutes. Watch: https://youtu.be/hNP6HOC1c-0
How to Install Elementor and WordPress. Watch: https://youtu.be/SKyoKk9T4g4

→ My social media
Instagram Livingwithpixels: https://www.instagram.com/livingwithpix/
Personal Instagram: https://www.instagram.com/rinodeboer/

Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn’t make all these videos without it.

18 thoughts on “Woocommerce Product Page with Elementor Pro – How to build it yourself

  1. I have created custom product page using elementor pro but problem I am facing is I can’t find products variations in this template. Would you please help?

    1. They only show up if you actually add product variations to your products and use those as previews in your template. I also found this out later.

  2. Hi Rino… thank you for this tutorial, one question.. which are the best size of pictures for products ?

  3. Hello there! Can I add specific product the page template only show on the specific product??

  4. You have five photos under your main product photo. Realistically, many products may have ten or even more. Is there a way to make a single row with arrows for the thumbnails? This is a super basic e-commerce function and I can’t find it in any Elementor tutorial. They all work with 3-4 photos for a product. That’s not how real life is. Please let me know if there’s something that can be done.

  5. How do I get the image gallery to take up the whole width of the left column like yours? Mine only take up like 25 of it and can’t find way to fill the remaining space, between the picture and the product info on the right side

  6. Hi! Rino, i was zero in elementor and wordpress but you make me pro, whenever i need any help i just explore your chanel you are the only option. for me you are the only option
    love form pakistan

  7. He teaches so perfectly that I can watch him all day like I have a crush on him.

  8. hi, How can i turne off zoom effect in woocommerce, I really don’t like it. I couldn’t find a video of it anywhere, please help me <3

  9. Hello How can we create a custom add product page. i am creating a website for my client. he dont want to use wpadmin how can we create. thanks

  10. Heloo Sir Can We add different products in one page which all layout and design same. For Example i have three type of products (Ring, Watch, Locket )Normally we add only one product in Custom Product Page , show Only wich upload recently , but i want to Show On this Page three types wich i discribe you on top where same function all types of products which include( Product Image, Product Title, Price , add to cart Button, product category, attributes).. please help me and make a beautiful tutorial and reply me must , i have very well hope you must help me .Note — not need extra details For example reviews,comments etc

Comments are closed.