Create Custom Product Pages Using Elementor *FINALLY*
Vložit
- čas přidán 25. 07. 2018
- In this video I show you how to create custom product pages and custom archive pages for your WooCommerce Shop. You can try it already using the beta version of Elementor Pro and soon it will be released in the new version of Elementor Pro!
You can get Elementor Pro over here: ferdykorp.com/elementor
WooCommerce is an amazing tool that helps you to create webshops on your Wordpress website but the downside is that it has quite some limitations when it comes to designing the product page.
Using Elementor Pro you can eliminate those limitations. You can style the product and archive pages of your WooCommerce tutorial exactly how you want this! In this video I will show you how it is done!
Thanks for the great and extremely helpful video Ferdy! You have helped me tremendously and I am sincerely grateful. Every time I CZcams a question or need a tutorial, and I see you have made a video on that topic I immediately click on your video because I know you produce quality content. Thanks from South Africa
Hi! I'm having a problem with regards of the canvas of the product page. It seems like that my default theme is appearing in the said page. I can't seem to find the option change it into the elementor canvas
Its one of my favourite tutorial ever Ferdy. Thanks a lot.
thank you for the tutorial. How do you revert back to the original shop page after publishing the new one?
hello ferdy, do you know why i dont have any access onto the my templates tab within the elementor tab on the dashboard ? im using the last version of both wordpress and elementor, thanks!
Hey I'm really stuck - how to use this when using a custom header? When I create a single product page the header is default? How would you embed the above into a custom page? That would show when you click from a product archive? Any ideas?
Hi, i have a question, can we sell an article customisable with her name on the back ? how ?
But this is not dynamic solution you can not edit this template for each individual products.Do you know any solution where we can edit for each products?
Nice video! Very helpful. How can i style the my account, cart and checkout page with elementor?
Have you figured it out yet
Can you update this tutorial? It's very old by now and very important. For products and cart/checkout pages.
@Alden Hugo you're right no one gives a shit
How to add a "wishlist" icon to the products? I already installed the "Yith Woocommerce Wishlist".
hi Ferdy thanks for all your support i am a beginner in eCommerce sites just want to know the difference in creating product in woocommewrce and elemetor thanks again
Thank you, Ferdy! Can we use elementor Pro to customize checkout /cart page?
Hi Ferdy!
It is a very nice tutorial! Thank u for that!
Im currently using the same theme and Elementor as you are. But i cant change anything in the "content" menu in Elementor because of the theme.... How can i fix this?
I'm so confused. The breadcrumb is pulling a (and only this one) product I haven't published. A design fee; which I don't want to publish. I can't seem to pull any of the published products to update. What am I doing wrong?
Great Video! Learned a lot, Many Thanks for making this video.
Thanks Fredy for making this great video.
I have purchased Elementor Pro to test the features in you show in this video. Except that I have problem that 'Query' option is missing under the 'Content' tab.
Can you please advise if there is extra step that we need to do to get 'Query' ?
I have the same issue. Did you ever figure it out?
Both my Elementor and my WooCommerce have been updated but I can not see the "Single Product" and "Product Archive" tabs. What can I do to fix this?
me too
Same in 2020
Could you please tell me which theme did you use ?? WordPress free theme or any other ?? And any other plugin did you use for the woo-commerce page design ??
Hello, really good tutorial, thank you. I would like to know how it is possible to display product variations, to have a product with multiple colors and each different price on the same product page via elementor single product modele page. Thank you for asnwer, that would be great !
i've the same question, did you find any solution? Thanks :)
@@giovannifabbrocino4106 no sorry
Does anybody know if there's any stock progress bars that work with Elementor? I've tried WooLentors but doesn't seem to work!
Please help me how to do variation like (color, delivery) on single product design with elementor the default design is to bad
Am I able to make the product page without pictures of the product and just make them lined up like a list with an add to cart button beside them?
I have potential clients who wish to use Shopify instead of WooCommerce. There is a lot of documentation on WooCommerce integration with WP / Elementor, but I don't see as much for Shopify. Any thoughts on one vs the other?
Ferdy ive bought elementor pro to get the products but i cant get the product pages, ive got pro v 2.1.0 and in the the pro log it says they are available,
2.1.0 - 2018-08-07
New: Introducing WooCommerce Builder (#1690)
New: Introducing 12 new dynamic tags & widgets for WooCommerce: Gallery, Image, Price, Rating, Description, Breadcrumbs, Data Tabs, Stock, Related, Upsell, Title & Archive
New: Introducing Cart Menu widget (#4220, #4600)
New: Added integration with Toolset (#2949)
Ive accepted beta versions. So what am i missing??????? Please help this is so frustrating such a great way to work but so hard to make it happen!!!!
Elementor doesn't have a search facility, to find out about beta releases. I cant log onto their messenger what is going on, totally no support.
Hi Fredy, Hope you doing good. Can you please help me with how to import OceanWP Demo in a single page store. I have a full website blog but I want to create only a single page store. I have a license version of OWP. Thanks
Thanks for the video. How do i hide the page title on every page? I'm using oceanwp + elementor pro. There's a guide on oceanwp site but i don't have the hidden option here Appearance > Customize > General Options > Page Title like they say. How can i do that? Thank you
Hi Fredy, is that possible to edit/ create custom made archive info? Say I just want to show certain pieces of information in an archive, not add to cart or something like that?
Another excellent video, Ferdy!
I am currently working in Elementor Pro to update my old WooCommerce Product Pages, but I do not see how to carry over the Variable Attributes from the original product page. For example, I sell varying sizes of each of a number of photographic prints. On the old product page, a selector/toggle would appear to choose which size the customer desired and the price would populate with it. How can I carry over that selector in Elementor Pro. Thanks for your help!
1:23 My Elementor Pro isn't showing the: 'single product page' and 'product archive' in the Elementor templates section and my plugins say there up to date. Any ideas?
Me too. Did you ever get a fix for this?
Hello. When i try to add products in my shop page or related products under single product few products goes outside of my webpage. Cannot even resize the images of products to adjust. :(
Hi! How do I get the categories and all the shop page selection options such as filter, best sellers etc to appear on the top of the shop page for mobile devices. Thank you
hello. is it possible to create a catalog page and ecommerce store on one site?
How do you add the products widget to your Elementor dashboard? Is it a woocommerce plugin or something?
How to make Filter menu like descending price or category ?
Great vid tho!
if I want to put product description in the right side of Product Image.. just under the Add to cart button?
Can we edit the product view in the archive page by Elementor? Like: the product title will be above the image
I am using Elementor 2.8.3. Each time I try to create a shop page, I get the default product page from wordpress. Will this help resolve this issue or at least override it?
Hi, Ferdy... how can i use this steps if a woocommerce booking?
hi sir i already created single product page but did't change my previous single products
I have a single produkt in diffrent colors. When I create a single product page you can not see the option to choose the color properly. You only see a narrow line. What am I doing wrong?
Hi Ferdy, first of all I really appreciate for all of your support you are giving in your videos. its outclass and very brief to understand. Here now I have one issue, I tried my best to cope but I can not due to a beginner in using Wordpress and ASTRA theme with Eementor.
I want to create a Product page, I have different menus with different items. Every thing is ok until to create a single product page. once I start with a new category from left hand side PRODUCT CATEGORY. I just drag IMAGE PRODUCT. but nothing comes to the area and just blank. and once I drag from HEADINGS even nothing just blank. please advice me, from where it took the images, descriptions and the heading as in ur case, that I can place the images in that particular folder that it comes to the screen.
please please help me out. or send me a tutorial link to do so.
thank you
can add Buy button and Add to cart button?
I am having the same issue, Elementor and my WooCommerce have been updated but I can not see the "Single Product" and "Product Archive" tabs. What can I do to fix this? Also, in the Elementor section of Dashboard there is no "Template" option
Ferdy thanks a million. I am using Elementor Pro with Generate Press and it is not giving me this Product option. I have turned product on in settings . Is there something I am missing. the tabs across the top when I click on my templates are slightly different? Thanks T
Maybe it is because I am not using the Beta!!
Hi, yes. I needed to update it. The single product is now showing. You?
great explanation thanks Ferdy!!
I creat a "products archive" template,how to make it show on the main manue?
Ferdy, ik heb met behulp van jou video mijn eigen webwinkel gemaakt, nu, enige tijd later zie ik in mijn categorie Decoratie dat op mijn webwinkel sommige afbeeldingen groter of kleiner zijn waardoor ik ongelijke rijen krijg! Afbeeldingen stonden er al op, misschien gebeurd nadat ik een of andere plugin heb bijgewerkt. Hoe pas ik dit aan?
But how do you create a product category archive page (with add to card buttons - same as a shop page but just for certain product categories?)
hi when i put the product on the page from elementor....when i go back to the website i see only the immage and not add to cart buttom
How do I add the woocommerce gallery feed to the elementor template? Which widget do I use?
Ferdy, please make a video on how to make Phlox theme into news website
I purchased an elementor pro three weeks ago for my personal blog and thinking to create an online shop, can i use that elementor pro for my online store?
yes docs.elementor.com/article/96-woocommerce-widget
Yes you can. You can do almost anything now with Pro.
Hi Thanks for the video, i am having the same problem as what some of the other people are having, i have read trough the comments but cant find single product anywhere. Please could you assist if you dont mind.
Hi Dillan, in the description I say that this function will be released soon but is already in the beta version. If you want to play around witht he beta version, watch this video: czcams.com/video/AhHkJH17B_A/video.html
Is there an ability to modify the variation product ?
I get the message "The style of this widget is often affected by your theme and plugins. If you experience any such issue, try to switch to a basic theme and deactivate related plugins." How do I fix that? I tried to disable all plugins. I use the basic Oceanwp theme.
Same here, would love a solution!
Go to Appearance, Costumize and in WooCommerce disable the OceanWP Default option, You will loose the Quick View though
Hey ferdy can you show me how to make a product page. Checkout page. With in elementor cuz im trying to find a way to do i have some ideas but so far not done totally separate from the rest of the website. Elementor canvas
Hi Ferdy, kan ik met Elementor Pro ook sidebars maken op de productpagina's met een filter voor mijn klanten? Ik kan dat helaas nergens terugvinden. Of heb je daar een handige plugin voor?
Hey Ferdy... Nice video as the others you,ve done. Please add some templates for a "single product"
Thanks. One question. Can I put "soundcloud" widget instead of the "image product"❓ I'm selling music. Thanks!!
Hello very good video! Is Search Results page and the checkout Page can custom?
Nce video. However, I really don't understand how the product is linked to this template.. You just start with a 32GB usb key in this case.. But where can I select the product that I want to make the single product page for? When I open a template it just takes random product from my store.... Please help :)
Very helpful ! thanks
what if you will like to change the random product?
is it not possible to have a product variation in the product template?
how to design Variable product with elementor??
No product is selected. Please select products from the checkout meta settings to continue. why i get this
Thanks for new Video
which pro of elementor product tthe one for $49?
The left option. $ 49.- for 1 website and one year.
Thank you so much....You are the best.
awesome ! thanks !
Hello Ferdy, how you going? My Elementor Pro there´s no Single Product, is it a new plugin to be installed? Tks.
Update it?
It´s updated but does not shows up!
Hi, did that and still no product category
Hey.. can you provide your template? It will be better
do you have woo commerce installed?
Please show us what your product page looks like on mobile - there are no examples online! (There are issues with the ad to cart customiser)
only for elementary pro?
Thia is what i want to know. I have elementor but cant edit the product page too well. So i think you do need pro. Did you ever try the pro???
Do you offer hourly consultation services?
Instructions if you please
how much does elementor pro cost?
$ 49.- for one website. All prices can be found here: hrtps//ferdykorp.com/elementor
Product is not align why is that how to align product symmetric
Do you answer questions on your video? The product page you did is very limited, make another video with a cool product page like shopify's product pages, actually having a funnel in the page and not just a pic and price (testimonials, full width pictures, text etc..)
I have no "single product" tab?
OK, Figured it out.
I've always loved tutorials videos.. Maybe your English intonation too..
Awesom
BUT product page is ugly, product image, text, price and button is not aligned to the product what is on side!
Anyone know how to customize the product snippet view czcams.com/video/iwmrE3AV4qg/video.html
How to create a Woocommerce Digital Download Products Page using elementor
add to cart button always to the right! come on...
Well that's 18 minutes of my life that I won't get back!
Using Elementor PRO... (next)
This needs to updated. Selection tabs no longer exist.
I should finish the video first....
So Frustrating!
Pro's
First, on CZcams to explain (in part) Custom Product Pages using Elementor Pro
Con's
Need to rehearse before sampling on CZcams (create a pro-active structure)
Need to breakdown subjects by giving examples on each element clicked.
Stop! saying "Do it like this! Do it like that!" without giving examples
Maybe, start with the explanation of advantages and disadvantages instead of "Finally" and getting all excited!
Just because you (Ferdy Korpershoek) know what you are doing and why? Try and capture the audience as thou, they may not know...
Q. Do I need to apply a back-end (products) before using front-end Product Building with Elementor Pro?
Q. Are all the product elements pre-calculated?
Sadly, overall, I have given this video a thumbs down! But with simple adjustments in communication, you could be one of the leading Web Designer's Tutorial Instructors.
"When you know, you have made a good video? There will be no questions! And only appraisals"
This is of course, only my opinion.
Have a nice day!
Hi Ray, thank you for your feedback! To be honest, I think I rushed this video. I was so excited about the new functionalities that I started recording too soon without digging deep in how things worked. Hace you seen other video's of my? I hope you see that are way betrer. Again, thank you for your feedback. Have a great day too!
its a paid plugin. you are using elementor pro. change your title.
Another paid plugin. Like you couldn't mod the product page with other paid plugins before.
This is clickbait. Correct the damn title or else ...
Sorry but those are some ugly product pages. This should be very smooth in woocommerce in 2020!
How is it you can make a product template NO^T using the product data tabs yet I always get an error from Elementor saying that I MUST use the product data tab widget for Elementor to work with my template??