The Single Product Template uses the Elementor Pro Theme Builder feature to allow you to create multiple single product templates and assign display conditions to apply them to specific products, such as products in specific categories or tags.
In this article, we will cover the following topics:
- Getting Started
- Product Images Widget
- Breadcrumbs Widget
- Product Title Widget
- Price Range Widget
- Product Rating Widget
- Product Description Widget
- Add To Cart Widget
- Product Meta Widget
- Product Data Tabs Widget
- Related Products Widget
- Display Conditions
Getting Started
To get started, navigate to Templates -> Theme Builder from the WordPress Admin.
Then on the left side menu of the Theme Builder, click on Prodigy Product and click Add New in the top right corner of the page.
You will then see the Elementor Library. You can either select and insert the Prodigy Product example template or close the library to start creating a template from scratch.
Product Images Widget
The Product Images Widget displays the product's gallery of images on the single product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Content Tab - Content
In the content tab of the widget settings, you can control the visibility of thumbnail images.
Style Tab - Gallery
In the Style tab, the Gallery section provides the following controls.
Style Tab - Gallery Navigation Buttons
In the Style tab, the Gallery Navigation Buttons section provides the following controls.
Style Tab - Gallery Control Buttons
In the Style tab, the Gallery Control Buttons section provides the following controls.
Style Tab - Thumbnails
In the Style tab, the Thumbnails section provides the following controls.
Style Tab - Thumbnails Navigation Buttons
In the Style tab, the Thumbnails Navigation Buttons section provides the following controls.
Breadcrumbs Widget
The Breadcrumbs Widget can be used to create breadcrumb links at the top of the Single Product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Style Tab - General
In the Style tab, the General section provides the following controls.
Product Title Widget
The Product Title Widget can be used to add the title of the product to the single product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Content Tab - Content
In the content tab of the widget settings, you can control the HTML tag of the product title.
Style Tab - General
In the Style tab, the General section provides the following controls.
Style Tab - Title
In the Style tab, the TItle section provides the following controls.
Price Range Widget
The Price Range Widget can be used to display the price or range of prices of the product on the single product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Style Tab - General
In the Style tab, the General section provides the following controls.
Style Tab - Text
In the Style tab, the Text section provides the following controls.
Product Rating Widget
The Product Rating Widget can be used to display the star rating and a link to the reviews on your single product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Content Tab - Content
In the content tab of the widget settings, you can control the icon that is displayed next to the reviews link.
Style Tab - General
In the Style tab, the General section provides the following controls.
Style Tab - Stars
In the Style tab, the Stars section provides the following controls.
Style Tab - Reviews
In the Style tab, the Reviews section provides the following controls.
Style Tab - Separator
In the Style tab, the Separator section provides the following controls.
Style Tab - Box
In the Style tab, the Box section provides the following controls.
Product Description Widget
The Product Description Widget can be used to display a full or truncated product description on your single product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Content Tab - Content
In the content tab of the widget settings, you can control the truncation settings of the widget.
Style Tab - General
In the Style tab, the General section provides the following controls.
Style Tab - Text
In the Style tab, the Text section provides the following controls.
Style Tab - Anchor
In the Style tab, the Anchor section provides the following controls.
Add To Cart Widget
The Add To Cart Widget can be used to display the add-to-cart button on your single product template. This widget also includes options selection for variable products and subscription options.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Style Tab - General
In the Style tab, the General section provides the following controls.
Style Tab - Attributes
In the Style tab, the Attributes section provides the following controls.
Style Tab - Price
In the Style tab, the Price section provides the following controls.
Style Tab - Stock
In the Style tab, the Stock section provides the following controls.
Style Tab - Subscriptions Alert
In the Style tab, the Subscriptions Alert section provides the following controls.
Style Tab - Subscriptions Tabs
In the Style tab, the Subscriptions Tabs section provides the following controls.
Style Tab - Confirmation Message
In the Style tab, the Confirmation Message section provides the following controls.
Style Tab - Button (Add to Cart)
In the Style tab, the Button (Add to Cart) section provides the following controls.
Style Tab - Quantity
In the Style tab, the Quantity section provides the following controls.
Product Meta Widget
The Product Meta Widget can be used to display a table with the SKU, categories, and tags on your single product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Style Tab - General
In the Style tab, the General section provides the following controls.
Style Tab - Label
In the Style tab, the Label section provides the following controls.
Style Tab - Value
In the Style tab, the Value section provides the following controls.
Style Tab - Divider
In the Style tab, the Divider section provides the following controls.
Product Data Tabs Widget
The Product Meta Widget can be used to display tabs with the product description, additional information, and reviews on your single product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Content Tab - Content
In the content tab of the widget settings, you can control the visibility of description, additional information, and reviews tabs.
Style Tab - General
In the Style tab, the Gallery section provides the following controls.
Style Tab - Description
In the Style tab, the Description section provides the following controls.
Style Tab - Additional Info
In the Style tab, the Additional Info section provides the following controls.
Style Tab - Reviews
In the Style tab, the Reviews section provides the following controls.
Style Tab - Review Item
In the Style tab, the Review Item section provides the following controls.
Related Products Widget
The Related Product Widget can be used to display up-sell and/or cross-sell products on your single product template.
You will see the widget in the Prodigy Product section in the list of widgets in the left column. To add it to your template, just drag the widget into the appropriate section or column.
Content Tab - Product Selection
In the content tab of the widget settings, the Product Selection section allows you to control the type of related product to display (up-sell, cross-sell, or both).
Content Tab - Content
In the content tab of the widget settings, you can control the default sorting order, number of columns and rows, and the visibility of certain elements.
Style Tab - General
In the Style tab, the Gallery section provides the following controls.
Style Tab - Heading
In the Style tab, the Heading section provides the following controls.
Style Tab - Box
In the Style tab, the Box section provides the following controls.
Style Tab - Slider
In the Style tab, the Slider section provides the following controls.
Style Tab - Image
In the Style tab, the Image section provides the following controls.
Style Tab - Category
In the Style tab, the Category section provides the following controls.
Style Tab - Title
In the Style tab, the Title section provides the following controls.
Style Tab - Rating
In the Style tab, the Rating section provides the following controls.
Style Tab - Price
In the Style tab, the Price section provides the following controls.
Style Tab - Sale Badge
In the Style tab, the Sale Badge section provides the following controls.
Display Conditions
When saving the Single Product template, you will see the Elementor Publish Settings where you can set both include and exclude conditions for the template.
Conditions can be set for the following:
- All Prodigy Products
- Prodigy Category
- Prodigy Child Categories
- Prodigy Tag