Product page can be configured globally in the Theme Settings - > Product page. Besides each product page has a set of options allowing to configure each page individually. The product page has five tabs: Product page main tab, Images, Show / Hide elements, and Tabs
Product page options
Product page options
Product page options: Theme Settings
Single Product Sidebar - the option to set content and sidebar alignment for single product pages: Left sidebar/Right sidebar/ Full width
Sidebar size - the option set different sizes for your single product pages sidebar: Small/ Medium / Large
Full-width product page - the option to stretch the single product page content.
Single product header drop-down - different header for different single product pages.
Product page design - the option to set the design:
Default View Demo
Centered View Demo
Sticky product - (sticky description while scrolling the page) View Demo
Shadow to product summary block View Demo
Size guides - the option to attach a size guide table to particular product categories
AJAX Add to cart - the option to turn on the AJAX add to cart option on the single product page. Will not work with plugins that add some custom fields to the add to cart form.
Sticky Add to cart - Add to cart section will be displayed at the bottom of the screen when the product page is scrolled down
Before "Add to cart button" text area / After "Add to cart button" text area - option to insert content or HTML block shortcode which will be shown before/after the "Add to cart" button.
Additional variations images - the option to add an ability to upload additional images for each variation in variable products.
Main image click action - the option to Enable/disable zoom or Photoswipe option or switch to photo swipe popup.
Show "Zoom image" icon Click - the option to open an image in the popup and swipe to zoom
Main carousel auto height Useful when you have product images with different height.
Images captions on Photo Swipe lightbox Display caption texts below images when you open the photo swipe popup. Captions can be added to your images via the Media library.
Breadcrumbs position - the option to set different position for breadcrumbs section on the product's page: Default and below the header
Products navigation - Enable/disable next/previous products navigation.
Short description - Enable/disable short description text in the product's summary block.
Show attributes table after short description - Enable/disable attributes table display instead of short description.
Show product meta - Categories, tags, SKU - After Add to cart button/After Tabs / Hide
Stock progress bar - Enable/disable the display of a number of sold and in stock products as a progress bar. More info
The countdown for variable products - Enable/disable - sale end date will be based on the first variation date of the product.
Countdown timer - Enable/disable showing a timer for products that have scheduled the date for the sale price
Upsells products position - the option to show upsells products in a sidebar or in a standard way. If use "Sidebar" be sure that you have enabled it for the product page layout
Related products options:
- Enable/disable showing
- Related product view: Grid or list
- Related product count
- Related product columns: 2,3,4,6
Tabs layout - the option to select which style for products tabs do you need: Tabs or Accordion - View Demo
As soon as “Accordion” has been chosen, additional options are provided -
Tabs location: Standard and “After Add to cart button”
Reviews location - the option to locate review in the product tabs or in a separate section
Hide tabs headings - Enable/disable hiding tabs headings
Additional tab title and Additional tab content -these are the global option which adds an additional tab to all the products. This option allows inserting any text or WPBakery page builder template by means of HTML Block shortcode. More info
Additional tab title and Additional tab content -these are the global option which adds an additional tab to all the products. This option allows inserting any text or WPBakery page builder template by means of HTML Block shortcode. More info
Product page options: Product Settings (custom metabox from theme)
Each product page has a set of options allowing to configure each page individually. These options are provided in Product Settings (custom meta box from the theme) tab inside a product page. The configurations set in the product page will overite the settings from the Theme Settings > Product page.
PRODUCT DESIGN & COLOR OPTIONS
Product page design: Inherit (in this case the product will have the design configured in the Theme Settings), Default, Centered
Product image width:
Small - View Demo
Medium
Large - View Demo
Full-Width container
Full-width window - View Demo
Thumbnails position:
Left (vertical position)
Bottom (horizontal carousel)
Bottom (1 column) - View Demo
Bottom (2 columns) - View Demo
Combined grid - View Demo
Centered
Without - View Demo
Single product background - the option to set a background color on the product page;
SIDEBAR OPTIONS
Sidebar position: Inherit, Without, Left, Right;
Sidebar size: Inherit, Medium, Large;
Custom sidebar for this product - the dropdown with the option to set any sidebar existing in Appearance > Widgets
EXTRA CONTENT OPTIONS
Extra content block: the dropdown allowing to choose and set any HTML block created More info
Extra content position: After content, Before Content, Prefooter
PRODUCT TAB OPTIONS
Hide tabs headings checkbox: Description and Additional information
Custom tab title field and Custom tab content text area. It is possible to insert HTML block shortcode In the content text area
PRODUCT EXTRA OPTIONS
Add "New" label checkbox: the option to add "New" label to this product
Hide related products checkbox: the option to hide related products on this page
Grid swatch attribute to display drop-down: the option to rewrite the configuration set in the Theme Settings > Shop > Attribute swatches. Attribute that will be shown on products grid for this particular product as swatches.
Product video URL field: the option to insert Vimeo or YouTube video URL. For example https://www.youtube.com/watch?v=1zPYW6Ipgok
The Instagram product hashtag field: the option to Insert tag that will be used to display images from Instagram from your customers. For example: #nike_rush_run