Creating Elementor Product Page | JetWooBuilder Plugin
HTML-код
- Опубликовано: 30 июн 2024
- Learn how to build the #Elementor single product page and showcase Elementor WooCommerce product variations. Watch our video to find out how to add a product reviews section and gallery slider with images or videos, and incorporate a wish list and compare buttons using JetCompare&Wishlist plugin functionality. Stay with us and you will know even more about effective Crocoblock Elementor Woocommerce plugin use.
In the current video we will focus on:
👉Exploring Elementor WooCommerce builder settings
👉Building Elementor product page template with the help of Elementor WooCommerce widgets
👉Displaying product variations Elementor
👉Applying stylization options to Elementor product page to make it look engaging
👉Setting the product page template to the required page
This video is the first one in the comprehensive series dedicated to the JetWooBuilder plugin by Crocoblock. We’re going to show you how to create and style the essential parts of the WooCommerce store with no pain, so stay tuned.
#productpage #jetwoobuilder
► TIMESTAMPS
00:00 Introduction
00:55 Main settings of JetWooBuilder plugin
02:47 Creating a single Elementor product page template
03:39 Styling the product page
07:55 Enabling the template and Setting it to a specific page
---------------
☕Enjoyed the video? Buy Julia a coffee:
► www.buymeacoffee.com/JuliaMcHale
--------------
Discover JetWooBuilder plugin functionality on our website
► bit.ly/36wSG8K
--------------
Find more about JetCompare&Wishlist here
►bit.ly/3lwfHfW
---------------
Explore features of Zolden - Dynamic WooCommerce Template
► bit.ly/2VqPNjj
---------------
Check out the JetWooBuilder tutorials in our Knowledge Base:
► bit.ly/2VxR9sp
---------------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► Pinterest: / crocoblock
#singleproductpage #woocommerce #shop 
Наука
Thank you very much Julia!
For the next one, tell me how you have made the SINGLE CONTENT widget
Hey, Guillermo! Sorry for not showing this in the tutorial. Here's how I made it. At first enable Products in the Elementor > Settings > General - Post Types (prnt.sc/vsp8u4). Then open your products and click on Edit with Elementor (prnt.sc/vsp9ke). Once you open the product in the Elementor Editor you'll be able to customize and style the product info. Single Content widget will pull both the info and the style. Hope it helps!
Спасибо 👍
In the product section there are extra information sections - are these done manually inside the product area in woocommerce. The icons with extra information on the right side of the product image. Is it some thing that can be done in crocobloc globally or html in the product area in woo. Love the video
Thanks for this video!
I'm, using JetWooBuilder version 1.7.11 and I don't find the option to change the size of the thumbnails in the gallery.
I would also like to know what theme were you using in this video?
Do the options vary depending on which WP theme we use? I currently have Hello theme by elementor.
thanks!
Hello! As for the theme, it's Kava theme with Zolden dynamic template being installed (demo.crocoblock.com/zolden). As for your question about the images, could you please specify it a bit? Please provide some screenshots showing what you were trying to do. Thank you!
Great video as always!
Is it possible to integrate colour swatches instead of the default one on the product page?
Thank you 😊
I'd really appreciate an answer :)
@Diaa Khobieh hey! glad that you liked our video😀
here's a very detailed article regarding your question crocoblock.com/troubleshooting/articles/how-to-add-attractive-variation-swatches-to-woocommerce-archive-page/
hope it helps and let me know if you need anything else🙌
Hello! Please kindly take a look at the following guide: crocoblock.com/troubleshooting/articles/how-to-add-attractive-variation-swatches-to-woocommerce-archive-page/
If further assistance is needed, please contact our Support team at crocoblock.com/help-center/
Awesome!! thank you 🙌🏼🙌🏼
please talk about products Badges and checkout pages
Hi!
I have a question, does the plugin collect the data of each product already uploaded for the presentation of a single page or would there be no problem in that and the ones that I add later will also appear? Thank you in advance for your support.
The plugin inherits info from the WooCommerce Products. Once you add a new product, it will automatically appear on a Shop page.
Why does JetWooBuilder not grab the default page width from Elementor Site Settings? With Elementor's single product builder I have no issues but the JetWooBuilder it's not able to change this in any way. (I don't want to add custom CSS for this simple task)
Whitch theme is best to use with crocoblock for woocommerce??
Hello. Can crocoblock create a product configurator widget? Because I love your plugins, but I can't find product configurator widget
Hello, I have JetWooBuilder, but I can't see Gallery Slider, where is?
Hi! Product Gallery Slider included in the JetProductGallery plugin crocoblock.com/widgets/product-gallery-slider/
@@Crocoblock You really should make this clear in your description. I just purchased JetWoo Builder assuming that these galleries would be part of that plug-in, instead of requiring an additional plug-in. Very disappointing.
@@nebelung Thank you for bringing it to our attention!
Wow thats amazing. I usually prefer elementor free version. But this seems like very good paid option like your whole 130 dollar bundle. Even though it is not very expensive for the amont of value it brings but paying 130 dollor every year is too much. Please come up with something like 130 dollar starting price and less recurring charges since its most likely few upgrades and bug fixing. Paying whole amount again is quite expensive.
You can always cancel the recurrent payments right from your Crocoblock account. If you need any assistance, please contact our Support team crocoblock.com/help-center/
I don't find some of the widget you use in the video.
Gallery slider, single add to cart, single excerpt, single image, ...
I have JetElements and JetWooBuilder installed.
Maybe it's cause i'm using the Elementor theme builder?
'Cause i see these widgets only if i create the template from Crocoblock builder.
Is there a way to use these Jet widgets in Elementor theme builder?
Hi! The Product Gallery Slider widget is a part of the JetProductGallery plugin crocoblock.com/widgets/product-gallery-slider/
Single add to car, single excerpt, single image widgets are available on the Single template created with the JetWooBuilder plugin prnt.sc/rDGP38I3rD5O bit.ly/3LhH0by
crocoblock.com/plugins/jetwoobuilder/
Nice video
Why did you creat a third column in the template?
Hello! For this particular case, the third column was needed just to organize the structure. It's optional. You can create any layout you want ;)
Can you customise the elements in the cart/basket and checkout templates with jetwoobuilder?
Hello! Please use the widgets prntscr.com/11af0oc, prntscr.com/11af15i and adjust there settings to customize.
Why you did not write, that for this slider gallery - bild products - I need to buy an additional plugin?
One question: The "Single Content" widget adds "Product Information" on two columns. This layout come from the descriprion of the product (in woocommerce product)?
What is the best way to add custom information with crocoblocks?
Hello Michele! JetWooBuilder plugin allows pulling info form the Products. What kind of custom information do you mean?
@@Crocoblock info like that:
(the same icon)+(the same text): dynamic text.
I think I need to add metafield to Woocommerce product but I don't understand how.
i.e Wheel: 17" But I would like the single product page loads information (if present) from the woocommerce product without using the description fields; so I can setting the layout (as a grid for exemple)
@@MC.CG3DArt Thank you for the clarification! I believe you need to take a look at JetEngine option to add meta fields (crocoblock.com/knowledge-base/articles/how-to-group-the-custom-meta-fields-for-the-certain-post-types-into-meta-boxes/) and then you will be able to pull the info using Dynamic widgets from JetEngine (crocoblock.com/knowledge-base/articles/jetengine-dynamic-field-widget-overview-how-to-use-filter-field-output/). If any assistance will be needed, please contact our Support team at crocoblock.com/help-center/
Hi!, on 1:35 you guys show a products grid that i have not been able to replicate with crocoblock, that is the way I want it, can it be done?, I do not see that preset in the widgets, and if not, why put it in the video? thank you!
I'm not sure I got your question correctly. If you have JetWooBuilder plugin, you definitely have Products Grid widget which, in turns, contains the presets.
So what plug ins would I need with elementor to build full website from scratch
You can choose either plugins or a subscription type here: crocoblock.com/pricing/
Do any of the crocoblock plug ins let me add product variation swatches without having to use a third party plug in?
Hi! No, you can add only in this way bit.ly/3L2oeVl
How do i change or remove the "choose an option" text ?
Also, is it possible to add different background for each product?
Hi! This is a WooCommerce option. Please, check this article bit.ly/3tlay08
I feel dumb but I can't seem to put the "Quantity selector" at the LEFT of the "Add to cart" button. Any tip?
Please kindly contact us via chat or ticket systems: crocoblock.com/help-center/
Hey not so fast missy. what about responsivness? I have issues with that and I follow this video to build my product page.
If you have any question, please submit a ticket at support.crocoblock.com/support/tickets.
Hi where did you get the single review form from? thanks
It comes with Single Content widget ruclips.net/video/MO93HGBC3Js/видео.html
can also edit a variable product?
Hi, May I know what is the different between building the product template with JetWoobuilder Template and the Elementor native template section? Cheers
You can use whichever you want for the single product. In archive end other templates there are differences but not in the single (except a few like slider instead of image). The main difference is that the Elementor Pro is yearly charged and JetWoobuilder can be LTD.
@@stratos-tutorials I see, I also find that there are some JetWoo widget are only able to be used via the Jet Template.
@@blueli6351 Yes, but most of the basic that you will need to create the single product, are there for both solutions. Usually the single template are pretty much the same in every website.
@@stratos-tutorials I see
Make a tutorial on how to add variation image gallery to make it advance product selection page
Hello! Please take a look at the following troubleshooting guide: crocoblock.com/troubleshooting/articles/how-to-add-attractive-variation-swatches-to-woocommerce-archive-page/
Hi!!! are products variations included in this plugin? thanks
Variations shown in this video is the default WooCommerce option (docs.woocommerce.com/document/variable-product/)
Gallery Slider from which plugin is it? i have the full version but i cant find it :(
Hi! Product Gallery Slider bit.ly/33lG99q is included in the JetProductGallery plugin bit.ly/3IeicPT
Please, check 🙂
how to add related product in new listing view design
Let me share this article with you:
crocoblock.com/knowledge-base/jetwoobuilder/how-to-create-the-related-products-and-up-sells-product-page-templates/
You will get more info what is related product and what is Upsells (Linked products). If you still have any questions, contact our support team, please crocoblock.com/help-center/
Nice! But, For Mobile Version I Got CRASHED visualization on 4 columns (they don't collpase).
Hi, Marcel! Please, give us a chance to take a look at your issue 😊
crocoblock.com/help-center/
When creating a single product page, the thumbnail image becomes vertical, even though it is already horizontal, how to resolve this issue
It will be great if you contact our support team so we may check your settings and suggest a solution: crocoblock.com/help-center/
Why I cant add menu items to menu if made woobuilder? Using Elementor pro
Hi! Sorry, not sure I've got you correct. Could you please describe in more detail what you would like to achieve and provide me with some screenshots?
How come the thumbnail photo doesn’t line up in the center of the arrow pagination on my elementor?
Please contact our Support team and they will check your case individually (crocoblock.com/help-center/)
@@Crocoblock Thank you , I have reached out to your support.
how to create a size chart/guide and link it to size guide button?
Hi! Please, contact our support on this issue - crocoblock.com/help-center/
How is the data in the single content widget populated?
Could you please check this link? crocoblock.com/widgets/single-content/ You will find all information about Single Content widget there. If you still have any questions, feel free to discuss them with our support team. crocoblock.com/help-center/
Also, you show these icons for laundering instructions, but no metion how to add your own, they are just there, i would like them to be specific for each item.
Could you please clarify your question?
Варіації можуть відображатись у вигляді картинок , кольорів (плагін variation swatchers pro ) а не у випадаючому списку як на відео ? Якщо так то можна інструкцію як це зробити з вашими плагінами .
Доброго дня! Якщо ви маєте на увазі цей випадаючий список prntscr.com/xfojrw, то це функціонал віджета Single Add to Cart prntscr.com/xforjg :)
Guys can you help us with a tutorial for custom content for a woocommerce page. Thank you!
Hello! Unfortunately, we don't have such a tutorial, but if you contact our team at crocoblock.com/help-center/ we'd gladly help you out :)
Йор инглишъ из пёрфект!
:):):)
Where is the "slider gallery" in JetBuilder?. I can not find that option.
Hi! The Product Gallery Slider comes with JetProductGallery plugin crocoblock.com/widgets/product-gallery-slider/
Mobile Mobile Mobile... more than 80% of traffic on my site. I don't understand why don't you focus more on mobile design.
Hi! Thank you for your suggestion! There's an opportunity to customize everything to mobile view. Feel free to contact our support if you'll need any assistance.
A paid plugin that strips you of the ability to have page backgrounds. Oh well...
Hi! Could you please describe the issue in more detail?
@@Crocoblock There's no issue. I already talked it out with customer service and got a refund. The plugin just doesn't support page backgrounds out of the box and needs coding - as your customer service explained to me. We have to choose backgrounds separately for each section, something that does not help a website styled with page backgrounds like mine. I obviously am not into coding pages otherwise I wouldn't pay for plugins so I considered this a huge omission.