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 use
Hosting & Domain provider I use on all my websites: https://www.siteground.com/go/lwp-youtube
Elementor Pro – WordPress Best Pagebuilder https://trk.elementor.com/4590
The whole list of software that 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.
source
Rino, i want to ask you a question.
Can we make an e-commerce website using crocoblock and woocommerce to make a full customized website?
hi, When i set in elementor pro a product gallery widget it show only the product picture. I fill out 4 pictures in wordpress woocommerce product editer and I like to see the product gallery in the product page. how can i set the gallery view?? thanks a lot
Thank you so much for this amazing tutorial! I have built my own homepage with Astra theme and Elementor Pro, but have had a problem with making my new woocommerce shop look good. Well you have just solved all my problems (and saved me lots of money). Thanks for this great series 😀
OMG you made this so easy!!! Thank you so much!!!
just question, what is the size of the image ? can you tell me ? is it 300px x 300px ?
Hi Rino! I always appreciate your video and tutorials – clear, positive and most helpful every time. I am in the process of setting up an eCommerce store, based on WooCommerce. In my case I would like to ship to customer from several suppliers directly, some of whom are located in other other countries. I have the single vendor configuration set up, as I am the vendor (I buy and resell), not an agent/intermediary. It is, in essence, a drop-shipping model. I don't see how to do that in single vendor, and I can't seem to find a plug-in that lets me create 'sourcing' shipment 'from supplier' addresses. Is multi-vendor the workaround solution, where I create (and manage) 'vendors', who are actually my suppliers? Payment of course would be managed differently as there is no commission, the products having been previously ordered. A quick pointer from you would be tremendously useful, and greatly appreciated. Many thanks, Carl.
Hello Rino, super video and super serie! When i add the product image (astra theme) it shows only the main image and not the "gallery images", why?
Hey Rino, great tutorial, would you please tell us why Products Images doesn’t work on other themes and puts all product images in one row
excellent tutorial especially about the image size and shape
First, love all your videos.
Now, any idea why some things change on the product page when looking at it on the site vs in the builder? The Category, Product Title, Breadcrumbs, Add to Cart Button all either change size or add a ton of padding for no apparent reason. Any thoughts?
Excellent video! Very helpful! Thanks for your hard work.
I absolutely hate how the thumbnails at the bottom of the main product image can’t be set as a horizontal slider instead. When your product had a lot of pictures, it just looks overflowed
no nice
Hi Rino. You usually recommend the Astra theme, even for Woocommerce setup. What about Woocommce + Hello Elementor? Not a good starting point?
I usually don't leave reviews, but this video deserves it. This one solved my issue completely. Easy to understand, well-explained step by step. Congratulations.
it is possible to show out off stock in replacement of add to cart button in astra theme???? or any other solution
you are awesome
My product pictures have a transparent background but when I hover the image, the background turns white. How do I change that?
Bedankt topper
Hi, how's possible to put thumbnail on the left of the principal image? Thanks
How about styling a ADD TO CART for variable products. I 'm literally stuck. Can't find any option that changes the variation box background to black. The page's background color is black.
Great video only one problem – how do we add this page to the menu on the website, ive tried embedding the template on the page but its not showing any products, when i click on a category it takes me out of the main website and opens the theme builder – any ideas?
Rino! You are super pro and generous IT man ! Hang on there and you have millions to support you !
help please, never appear any ics or anything related to my products.. how can I fix it?… when u put the image product it appear the watch pictures, but in my case, didn't appear anything.
Can you make Product page with variation swatches??
Because WooCommerce didn't work with Elementor, When i use variation swatches the product image photo didn't change.