DUDE You are freaking awesome , we build livelihoods from this knowledge and we don't even acknowledge cause it's just another youtube video but from an African kid gathering knowledge and skill your time and effort is waaay much appreciated. THANK YOU
I have been using woocommerce since September. It's not long, but you know, the store is up and running. I learned a few new things today. I look forward to the next episodes. I'll pimp my Woo with You :-D
I am in the process of building our own shop page and had some problems at the beginning. Then I came across your videos and they helped me a lot, even though they are in English... But you explain it so well that even I understand you and can follow you, although my English is very rusty, because I don't need it anymore since my school days. Thank you very much and keep up the good work - TOP (have translated this text automatically :-))
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.
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 😀
Superb content, I was getting so worried about how to do this but now I can sleep better knowing that all I have to do is follow the rest of your amazing tutorials! Wholehearted Thanks for this brilliant series! 👍🏼
Hey! Thank you so much for the tutorials!!!! I know you made this for a simple product, but I am wondering how you go about getting setting this up for a variable product. I don't see any widget to drag in like "product options" or "variable options". Any help you might be able to share??
Your videos have helped me a lot these past few months and I landed my first 1000 dollar client today , I shall share the website link once it's live , love from India! Thank you so much!
There is a mistake. You should be using *short description* on the side of the image. The *product content* goes lower down on the page where it is often placed in a tab with other more detailed data and e.g. the Reviews. This is a standard in e-commerce and it will eventually come to bite you in the butt when you want to change theme or import/export, etc. Other than that very nice tutorial, will be looking into your elementor videos!
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
I've built my website based on your previous tutorials, and expanded them exploring what can be done. So now I realise I can't use Astra, as I started with Elementor theme. I created a product page from scratch to emulate what Astra does (mostly) and found the magnifier (you used word search icon) is part of the Product Image widget. Seems it's an Elementor attribute, and I also couldn't find a way to hide it.
Can I use Hello theme of does it have to be Astra... or can I use Astra for the build and switch off Astra and open Hello Elementor. I'm asking because Hello Elementor runs/performs quicker for me as built from your video for archives and templates for posts. Thanks!
That's what was wondering about, too lol. Either way this is a great video. Question: So you enter all your products and images to make your archive first? Then you make your product pages with elementor?
What if we have different templates for categories? Do we need to create a page for each product and then use a template for it different dynamic tag on it? Editing a template would not work. Will I copy paste each section? Please explain. You'll get a subscriber!
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?
Hi Rino! I want to tell you the right color picker extension for google chrome. It is the COLOR ZILLA extension. I am not pointing to you as you are my teacher but giving a suggestion. Thanks from the core of my heart for this series.
Super video. What if sombody don't want all products in Shop but want create something difrent for example silver, gold and silver product put in silver but gold product in gold section. Do you have any videos how to do this? Also have a question about Tables. How creat tabel in product information?? Thank you.
You recommend Astra as a base theme for the WooCommerce based webshop. Would you prefer Astra over the Elementor Hello theme? If yes, what would be the benefit of Astra over the Hello theme? Just checking as I typically use the Hello theme for my clients, but I'm always looking for improvements in my process! Great content by the way, keep it up!
The only reason why I would recommend Astra over Hello is the customization options for Woocommerce. Some elements in Woocommerce you can’t change with Elementor. So that’s why you need a theme that can do that.
@@rinodeboer Ok, that makes perfectly sense actually. I did indeed face that obstacle before. Thanks for taking the time to answer! Love the WooCommerce series btw!
Did you ever end up showing how to remove the magnifying glass icon in the product gallery by chance? I use the hello theme and I can't seem to find it anywhere how to remove it in the settings.
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
Hey, thanks for your video's man. I learned a lot so far. However, I had a question about creating a product page. When I add the ''Product Images'' It's simply not loading the images. actually nothing at all. So for example when I drag in the ''price'' it doesn't show up. I followed the exact same steps you did within this video. Any idea? I've tried many times now & also used different browsers but the problem still remains.
Hi Rino! Thanks so much for all your content! They're all so valuable! :) Just want to ask, you mentioned in one of your videos that you usually do a mockup design in Adobe XD first before creating the website in Elementor. With e-commerce sites, do you also do mockups first? Thanks so much in advance!
May you help me? I repite my question here: I have a trouble with editing product orientation (vertical and horisontal) into each category. Elementor allows to edit first page (product catalog), but doesn't allow to edit second page with products images. What should I do in my situation?
Thanks for the video, very nice. How do we select the product, I saw you drag a product and the photos just showed. What if you have multiple products and how do you go about choosing a product
Thank you for this awesome video! How do we decide which product gets featured? I created a landing page and I want to just add the product price widget, is there a way to specify which product price gets shown? Thank you
Hi Rino, Thanks so much for the awesome content you publish! I've learned a ton about working with Elementor Pro by watching your content. So I have a question on this custom product page. I'm building a test store for clothing and the products have size and color. I can't figure out how to add those to the product page and force the user to select one before they can click the "Add To Cart" button.
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!
Hi Rino, I've been following your excellent woocommerce videos. I have 2 problems. Firstly my store is digital so have no need for an address etc on the customizable checkout page. Any suggestions? Secondly, I have mistakenly made my basket the checkout page, so when I click on the basket it takes me straight to checkout. How do I unlink them?
Yes, that is possible. But then you have to define which product uses which product single template. So you could make a different product page for a different product category.
Unfortunately not. But in short: In the Single Post Template make sure to open the Conditions tab, and from there add it to a specific category (that you have created before). There are probably other tutorials on TH-cam. But I do cover it in my course: livingwithpixels.com/course-elementor-pro-mastery/
Fab video Rino! So informative. Just wondered if there is anyway to use an image set up like this without having woocommerce installed. As we aren’t an e-commerce site as such but I would love my product pages set like this. So 1 large image and smaller underneath
Hello Rino, i was wondering if you know how i can get 3 rows of text of the product title. I have a lot of products with longer names. Due to the longer names the add to cart buttons are not in line with each other. I use astra theme and woocommerce. Thanks in advance your video's are great tho.
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?”
Hey Rino, hope you're doing well. Big fan here! I've been following along in this tutorial and noticed that astra has made some of those options premium like Global Color Palettes for example which you used in this tutorial. I was wondering if you have any advice on a differnt way I could get around that option or would I have to redo the whole thing and buy a premium template?
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
nice tutorial - but do you know why this template doesn't show up when i insert a woocommerce single page on a page with the "woocommerce pages" widget?
Awesome tutorial, really quick and easy. Loving it! btw: will this template work with variable products? or is there no way to customize variable products?
@@rinodeboer Could you explain how to add this? I've tried to do this but variable product doesn't appear at all. But in this ugly default woocommerce page it appears. So how I can add this? There is no options like variables table in Product section (from which you built the whole product page design.
Everything is cool except I can't find any possibility to add variable product into this design...could enybody help with that? There is any addons to do it in Elementor ?
Thanks for the helpful video! I would love to know if you got rid of the magnifying glass (zoom) in the top right corner :) If so, is there an easy way to do this?
Brother Whenever I am using product product widget..I am getting blur or opaque image of the product alls time.please help.I have elementor Pro but wocommerce is simple one
Hey, For some reason when I trying to use any of elementor product widget, it’s leaving just blank space with no any images or product criteria. Have tryed everything: using theme builder, changing theme, deleting all the plugins. No of them has helped. Saw many of folks had simillar problem since 2019. Maybe You had solution for it? Using pro version btw
Update: It will be useful to those, who has something similar as me do. Just save the template and check the product page that is provided by a theme. All the changes from template supposed to be right there.
Hi Rino, Ik wil bij een product variatie een i toevoegen met meer informatie over een variatie. Een soort van maattabel dus. Weet jij hoe ik dit kan toepassen met elementor?
Hi, maybe a basic question, everything looks great on the desktop but when I check on my mobile (iPhone) the product description does not show. I have been through everything I can think of but can't seem to get it to show.
Hi, I have a clear/sticky header. So on every page I use the same sized black section at the top. When I create a costum single product page and add the product to my cart, the 'added to cart' notice appears above this black section. This does not look nicely under my header as you may guess. Am i doing something wrong?
DUDE You are freaking awesome , we build livelihoods from this knowledge and we don't even acknowledge cause it's just another youtube video but from an African kid gathering knowledge and skill your time and effort is waaay much appreciated. THANK YOU
You have no idea how much positive value you are adding to this community and this world! Thanks a million ❤
Have a blessed healthy long life❤
We all love you Rino! Please don't break this chain :D
I have been using woocommerce since September. It's not long, but you know, the store is up and running. I learned a few new things today. I look forward to the next episodes. I'll pimp my Woo with You :-D
I am in the process of building our own shop page and had some problems at the beginning.
Then I came across your videos and they helped me a lot, even though they are in English...
But you explain it so well that even I understand you and can follow you, although my English is very rusty, because I don't need it anymore since my school days.
Thank you very much and keep up the good work - TOP
(have translated this text automatically :-))
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.
He teaches so perfectly that I can watch him all day like I have a crush on him.
Rino! You are super pro and generous IT man ! Hang on there and you have millions to support you !
Rino, thanks for sharing your knowledge. You're an amazing professional and teacher.
This WooCommerce series is insane! 🔥🔥🔥
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 😀
You have just gained a new subscriber. Thank you so much! I was struggling with the product setup on my site. Amazing content! Keep it coming.
Superb content, I was getting so worried about how to do this but now I can sleep better knowing that all I have to do is follow the rest of your amazing tutorials! Wholehearted Thanks for this brilliant series! 👍🏼
you are a live saver buddy just love you
Hey! Thank you so much for the tutorials!!!! I know you made this for a simple product, but I am wondering how you go about getting setting this up for a variable product. I don't see any widget to drag in like "product options" or "variable options". Any help you might be able to share??
Your videos have helped me a lot these past few months and I landed my first 1000 dollar client today , I shall share the website link once it's live , love from India! Thank you so much!
That is soooo cool to hear. Thanks man 🙏🏻
ayy! can you share the link
i'm from india and on the lookout for clients too . where do you get your clients if you dont mind me asking
Thank you so much for sharing so much knowledge in this clear and easy to understand tutorial!
There is a mistake.
You should be using *short description* on the side of the image.
The *product content* goes lower down on the page where it is often placed in a tab with other more detailed data and e.g. the Reviews.
This is a standard in e-commerce and it will eventually come to bite you in the butt when you want to change theme or import/export, etc.
Other than that very nice tutorial, will be looking into your elementor videos!
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
Greate Video! If you can make more videos how to optimize website to load fast, that will be amazing 😁
Use the nitropack plugin. Gets your Google pagespeed score to 90 desktop and 70 mobile in the press of a button. And it's fee
Building a site with your videos! Love it
Your explanation is amazing. Very informative video! Thankyou:)
You sir, are a legend. So well explained as always. Thank you
your video is straight forward to the point. I like it keep on the great job.
Your all tutorial are too much helpful
Glad you like them!
Great !!!!!
Please uploads daily about this series
I've built my website based on your previous tutorials, and expanded them exploring what can be done. So now I realise I can't use Astra, as I started with Elementor theme. I created a product page from scratch to emulate what Astra does (mostly) and found the magnifier (you used word search icon) is part of the Product Image widget. Seems it's an Elementor attribute, and I also couldn't find a way to hide it.
Excellent production Rino! It's a very clear and helpful video! Thank you for sharing.
Wow! I love your videos. They are very enlightening.
OMG you made this so easy!!! Thank you so much!!!
Excellent video! Very helpful! Thanks for your hard work.
Excellent. Great video Rino. Will be updating my site with what I learnt from tomorrow 😉👍
He is so likeble 😅 Thanks for your videos, very useful.
Great content as usual ! Thank you for the tips.
Can I use Hello theme of does it have to be Astra... or can I use Astra for the build and switch off Astra and open Hello Elementor.
I'm asking because Hello Elementor runs/performs quicker for me as built from your video for archives and templates for posts. Thanks!
Damnit Rino, I needed the products archive video first! Good job though, thanks! 😁
That's what was wondering about, too lol. Either way this is a great video. Question: So you enter all your products and images to make your archive first? Then you make your product pages with elementor?
excellent tutorial especially about the image size and shape
What if we have different templates for categories? Do we need to create a page for each product and then use a template for it different dynamic tag on it? Editing a template would not work. Will I copy paste each section? Please explain. You'll get a subscriber!
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?
What a great teacher !
Hi Rino!
I want to tell you the right color picker extension for google chrome.
It is the COLOR ZILLA extension.
I am not pointing to you as you are my teacher but giving a suggestion.
Thanks from the core of my heart for this series.
Thank you ! Excellent video
Great Explanation sir keep it up
Super video. What if sombody don't want all products in Shop but want create something difrent for example silver, gold and silver product put in silver but gold product in gold section. Do you have any videos how to do this? Also have a question about Tables. How creat tabel in product information?? Thank you.
You explain beautifully
You recommend Astra as a base theme for the WooCommerce based webshop. Would you prefer Astra over the Elementor Hello theme? If yes, what would be the benefit of Astra over the Hello theme?
Just checking as I typically use the Hello theme for my clients, but I'm always looking for improvements in my process!
Great content by the way, keep it up!
The only reason why I would recommend Astra over Hello is the customization options for Woocommerce. Some elements in Woocommerce you can’t change with Elementor. So that’s why you need a theme that can do that.
@@rinodeboer Ok, that makes perfectly sense actually. I did indeed face that obstacle before. Thanks for taking the time to answer!
Love the WooCommerce series btw!
Did you ever end up showing how to remove the magnifying glass icon in the product gallery by chance? I use the hello theme and I can't seem to find it anywhere how to remove it in the settings.
Great videos Rino!!!!
Love to watch your Videos.
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
Please have found any solution on to solve this
Thanks very much Rino, this helped me a lot.
Amazing tutorial
Love From India Brother
Hey, thanks for your video's man. I learned a lot so far. However, I had a question about creating a product page. When I add the ''Product Images'' It's simply not loading the images. actually nothing at all. So for example when I drag in the ''price'' it doesn't show up. I followed the exact same steps you did within this video. Any idea? I've tried many times now & also used different browsers but the problem still remains.
Hi Rino! Thanks so much for all your content! They're all so valuable! :) Just want to ask, you mentioned in one of your videos that you usually do a mockup design in Adobe XD first before creating the website in Elementor. With e-commerce sites, do you also do mockups first? Thanks so much in advance!
May you help me? I repite my question here:
I have a trouble with editing product orientation (vertical and horisontal) into each category. Elementor allows to edit first page (product catalog), but doesn't allow to edit second page with products images. What should I do in my situation?
Really useful! Thank you!
Thanks for the video, very nice.
How do we select the product, I saw you drag a product and the photos just showed. What if you have multiple products and how do you go about choosing a product
have the same problem, cant choose / change product ;/
@@JaRoCs18 Please have found any solution on to solve this
Please have found any solution on to solve this
Thank you for this awesome video! How do we decide which product gets featured? I created a landing page and I want to just add the product price widget, is there a way to specify which product price gets shown? Thank you
Awesome tutorial. How do we remove the magnifying glass though?
Hi Rino, Thanks so much for the awesome content you publish! I've learned a ton about working with Elementor Pro by watching your content. So I have a question on this custom product page. I'm building a test store for clothing and the products have size and color. I can't figure out how to add those to the product page and force the user to select one before they can click the "Add To Cart" button.
Rino, never mind I figured out my issue. I needed to create variable products...duh!!
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
nice one, subscribed. can I ask a question... can you replace product images with videos? and have them show in the shop not just the product page?
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!
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?
Hi Rino, I've been following your excellent woocommerce videos. I have 2 problems. Firstly my store is digital so have no need for an address etc on the customizable checkout page. Any suggestions?
Secondly, I have mistakenly made my basket the checkout page, so when I click on the basket it takes me straight to checkout. How do I unlink them?
Hi Rino... thank you for this tutorial, one question.. which are the best size of pictures for products ?
1200px on the long side is a good median
Thanks! I have a question: there is any chanche to build and use 2 different single product pages, using ACF, Elementor and Woocommerce?
Yes, that is possible. But then you have to define which product uses which product single template. So you could make a different product page for a different product category.
@@rinodeboer do you have any video that can help me to do that? Thank You again!
Unfortunately not. But in short: In the Single Post Template make sure to open the Conditions tab, and from there add it to a specific category (that you have created before). There are probably other tutorials on TH-cam. But I do cover it in my course: livingwithpixels.com/course-elementor-pro-mastery/
@@rinodeboer Thank You!
Fab video Rino! So informative. Just wondered if there is anyway to use an image set up like this without having woocommerce installed. As we aren’t an e-commerce site as such but I would love my product pages set like this. So 1 large image and smaller underneath
very helpful, thanks
How do you get the Price value to show both the sale price and the standard price crossed out? When I add this I only see the sale price.
Hi Rino. You usually recommend the Astra theme, even for Woocommerce setup. What about Woocommce + Hello Elementor? Not a good starting point?
Hello Rino, i was wondering if you know how i can get 3 rows of text of the product title. I have a lot of products with longer names. Due to the longer names the add to cart buttons are not in line with each other. I use astra theme and woocommerce. Thanks in advance your video's are great tho.
How can I just have a direct ‘order’ button instead of an ‘add to cart’? Good video as always!!!!
Great video, love your work. Is there a place I missed how to connect your Archive Page and the Related products section?
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?”
Thank you.very helpful
Hey Rino, hope you're doing well. Big fan here! I've been following along in this tutorial and noticed that astra has made some of those options premium like Global Color Palettes for example which you used in this tutorial. I was wondering if you have any advice on a differnt way I could get around that option or would I have to redo the whole thing and buy a premium template?
Hello man, Cool tips thanks for the content. Is there a way we can change the name of the button?
Great stuff! By the way, do you know how to make the product image thumbnail smaller or to make them become slider on mobile display? Thank you
You saved me from misery!
Why dont you use elementor hello theme ? Is it not usefull or Is astra theme more usefull ?
Whats the best choice - Elementor Pro + Premium theme (like astra) or Crocoblock + Elementor free version?
whahah geniaal maatje
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
nice tutorial - but do you know why this template doesn't show up when i insert a woocommerce single page on a page with the "woocommerce pages" widget?
Nice video. How did you get that hover-zoom effect?
Awesome tutorial, really quick and easy. Loving it!
btw: will this template work with variable products? or is there no way to customize variable products?
Thank you! This also will work with variable products! It’s just a dropdown that you can customize a little bit.
Can't tell you how much I appreciate the answer, especially in such short notice!
Keep up the great work 💖
@@rinodeboer can you elaborate on this at all?? Video, site, or any thing with more info?
@@rinodeboer Could you explain how to add this? I've tried to do this but variable product doesn't appear at all. But in this ugly default woocommerce page it appears. So how I can add this? There is no options like variables table in Product section (from which you built the whole product page design.
Has anyone figured this out. I can not find a way to do this tutorial with variable products
Hi Rino, is het beter om met het 'hello' Theme van elementor je website op te bouwen ipv met bijv. Astra? Of hoe denk jij hierover? Hoor het graag!
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?
Everything is cool except I can't find any possibility to add variable product into this design...could enybody help with that? There is any addons to do it in Elementor ?
Thanks for the helpful video! I would love to know if you got rid of the magnifying glass (zoom) in the top right corner :) If so, is there an easy way to do this?
add_action('init', 'remove_woo_gallery');
function remove_woo_gallery(){
remove_theme_support('wc-product-gallery-zoom');
}
Try this in function.php
@@ninoberden5028 Thank you!!
Brother
Whenever I am using product product widget..I am getting blur or opaque image of the product alls time.please help.I have elementor Pro but wocommerce is simple one
Thanks! - Keep going. Looking forward to Cart and My account customization to put Icons.
Can you do a tutorial on how to add search Bar to the page?
Hey,
For some reason when I trying to use any of elementor product widget, it’s leaving just blank space with no any images or product criteria. Have tryed everything: using theme builder, changing theme, deleting all the plugins. No of them has helped. Saw many of folks had simillar problem since 2019. Maybe You had solution for it? Using pro version btw
Update:
It will be useful to those, who has something similar as me do. Just save the template and check the product page that is provided by a theme. All the changes from template supposed to be right there.
This is a great video; however, all my product thumbnails are showing in Opaque and I can't figure out why.
Hello, whicth theme you use in this video? Thanks, nice video mate
Hi Rino, Ik wil bij een product variatie een i toevoegen met meer informatie over een variatie. Een soort van maattabel dus. Weet jij hoe ik dit kan toepassen met elementor?
Hi, maybe a basic question, everything looks great on the desktop but when I check on my mobile (iPhone) the product description does not show. I have been through everything I can think of but can't seem to get it to show.
Any help greatly appreciated!
Thanks
Hi, I have a clear/sticky header. So on every page I use the same sized black section at the top. When I create a costum single product page and add the product to my cart, the 'added to cart' notice appears above this black section. This does not look nicely under my header as you may guess. Am i doing something wrong?