https://www.youtube .com/watch?v=Noad37zWpj0

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 & Elementor Pro: http://livingwithpixels.com/elementor Hostinger (Affordable Hosting provider): http://livingwithpixels.com/hostinger Siteground (Premium Hosting provider): http://livingwithpixels.com/siteground Figma (Design Software): https://livingwithpixels.com/figma All software I recommend: https://livingwithpixels.com/links/ → Gear that I use to create videos My Laptop: http://livingwithpixels.com/gear/laptop My Camera: http://livingwithpixels.com/gear/camera My Microphone: http://livingwithpixels.com/gear/microphone My Mouse: http://livingwithpixels.com/gear/mouse → 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.

17 Replies to “Woocommerce Product Page with Elementor Pro – How to build it yourself”

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

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

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

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

  5. Hey bro, If we drag the product images in a column and possibly we have more than two products in our product field then on dragging which image will come, our choice image or any other

  6. Thank you! Please I have an important question: how do i edit the Woocommerce orders page of my website to suit the colors and style I want?
    Also, how can I edit the Woocommerce default button that says “no order has been made yet?”

  7. What a fantastic video series. You have helped me and so many others! I am faced with an peculiar issue – it appears when I publish my Single Product Template “Recently Viewed Products” appear before my template. even if I delete all components and save the empty file – recently viewed products display and nothing else (but the header and footer. Is this a known bug and how can I clear that so I can publish my brand spanking new page? You’ve been such a help. I’m hoping you’ve come across this. Many thanks for your contributions!

  8. I am new to WordPress – just found your tutorial today. I have Elementor Pro and began building my website using Hello Elementor Theme last week. I spent a lot time building the home page/header/footer/login. If I switch to Astra theme now will I lose all that work? Please some advice anyone?

    1. Nice! Welcome 🙂 And no you won’t lose any work. Maybe only some changes in the fonts. But this depends on how you set it up.

Leave a Reply

Your email address will not be published. Required fields are marked *