Single Product Specific Elements
As said above, you can add any content elements available in page builder to your single product template. However, the mostly used elements are product page specific elements like product gallery, product title etc. which content is populated dynamically from the product data. Here we will describe briefly single product specific elements.
In This Article
Product Content, Product Additional Info, Product Reviews
Product Short Description, Product Extra Description
Product Categories, Product SKU, Product Tags, Product Sharing
Product Title
This element displays product title. You can adjust alignment and use different text style presets.
Product Price
Like product title, this element displays product price. You can adjust different styling settings.
Product Gallery
Displays product gallery. This element has different layout options for displaying product gallery which you can select in “Gallery Type” control. Also you can adjust additional gallery options like zoom, lightbox, labels etc.
NOTE: you can also insert the product main image (featured image) as a background in your row or column. To do this, please proceed as follows:
WPBakery:Go to “Design Options” in a row / column and activate “Use post featured image as background”
Elementor:Go to “Style” tab – Background, select Dynamic Tags and then “Page/Post Featured Image”
Product Add to Cart
With this element you can add “add to cart” block to your product template. This includes the attributes section, amount selection and “add to cart” button. Additionally you can also activate “Add to wishlist” button (in case YITH Add to Wishlist plugin is installed and active in your WordPress installation).
Layout
here you can select different positions for different parts of “Add to cart” element. You can place different parts in vertical layout or inline layout using “General layout”, “Add to cart section layout” and “Attributes section layout” controls.In the same way you can change the layout of individual parts like “Add to cart” section and “Attributes” section.
“Add to cart” button
settings for controlling the appearance of “Add to cart” button
“Add to wishlist” button
settings for controlling the appearance of “Add to wishlist” button
Amount control
settings for controlling the amount control
“Attributes” sections
settings for controlling the appearance of “Attributes” section
Tabs
Helps you to display product tabs like “Description”, “Additional Information” and “Reviews” in the product template.You can set the layout of product tabs as “tabs”, “accordion” and “one by one”. You can hide and style sections. Also you can select the content source for the “Description” section:
- Product Content: the content will be taken from the “content” part of the product data, i.e. product content, which is editable with page builder
- Product Extra Description: the content will be taken from the “Product Extra Description” field of product data
Product Content, Product Additional Info, Product Reviews
In addition to product tabs you can also add different sections of product tabs separately to your product template – by using elements “Product Content”, “Product Additional Info”, “Product Reviews”. As described above in “Product Tabs”, “Product Content” takes its content from the content part of the product data, i.e. product content, which is editable with page builder
Product Short Description, Product Extra Description
With this elements you can display the content of “Short Description” and “Product Extra Description” of the product data
Product Add to Wishlist
This element adds the “Add to wishlist” link/button to your product template. Please note: it works only in case YITH Add To Wishlist plugin is installed and active.
Product Categories, Product SKU, Product Tags, Product Sharing
Elements to add meta product data to our product template
Products Grid, Products Carousel
This elements are important for adding related and/or upsell products to your product template. They work exactly in the same way as described here WPBackery version / Elementor version however with one additional extension:
- in “Products” section, in “Products Source” control you can select “Display related or upsell products” and then precise this in “Select products to display” – here you can choose whether you wish to display related products or upsell products.
Product Content, Product Additional Info, Product Reviews
In addition to product tabs you can also add different sections of product tabs separately to your product template – by using elements “Product Content”, “Product Additional Info”, “Product Reviews”. As described above in “Product Tabs”, “Product Content” takes its content from the content part of the product data, i.e. product content, which is editable with page builder.
Product Short Description, Product Extra Description
With this elements you can display the content of “Short Description” and “Product Extra Description” of the product data.
Product Add to Wishlist
This element adds the “Add to wishlist” link/button to your product template. Please note: it works only in case YITH Add To Wishlist plugin is installed and active.
Product Categories, Product SKU, Product Tags, Product Sharing
Elements to add meta product data to our product template.
Products Grid, Products Carousel
This elements are important for adding related and/or upsell products to your product template. They work exactly in the same way as described here WPBakery version / Elementor version however with one additional extension:
- in “Products” section, in “Products Source” control you can select “Display related or upsell products” and then precise this in “Select products to display” – here you can choose whether you wish to display related products or upsell products.