Common
Getting Started
Updates
Writing & Editing
Categories & Taxonomies
Editor Blocks
How To’s
Features
Translations
JetPack
3rd Party API
Troubleshooting
Development
About The Theme

Customizing Product Details

Settings included in this section allow you to change the layout and customize every element of the individual product page.

Content Layout

Modifying the layout of the single product page
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Content layout swtich field.

  5. Choose how to layout the single product page of your shop from the available options below:

  6. Preview your selection instantly.

  7. Click the Publish button to save the changes.

Modifying the layout of the single product page gallery - Default
Modifying the layout of the single product page gallery - Stacked
Modifying the layout of the single product page gallery - Hidden
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Gallery layout swtich field.

  5. Choose how to layout the gallery of your single product pages from the available options below:

  6. Preview your selection instantly.

  7. Click the Publish button to save the changes.

Product Tabs

Toggle the visibility of the product data tabs
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Product tabs toggle field.

  5. Toggle the visibility of the product tabs (description and reviews) section.

  6. Preview your selection instantly.

  7. Click the Publish button to save the changes.

Toggle the visibility of the related products section
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Related products toggle field.

  5. Toggle the visibility of the related products section.

  6. Preview your selection instantly.

  7. Click the Publish button to save the changes.

Product Description

Toggle the visibility of the product description or excerpt
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Product description toggle field.

  5. Toggle the visibility of the product description or excerpt.

  6. Preview your selection instantly.

  7. Click the Publish button to save the changes.

Product Meta

Toggle the visibility of the product meta (SKU, categories and tags)
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Product meta toggle field.

  5. Toggle the visibility of the product meta (SKU, categories and tags).

  6. Preview your selection instantly.

  7. Click the Publish button to save the changes.

Product Share

Toggle the visibility of the product share buttons
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Product share toggle field.

  5. Toggle the visibility of the product share buttons. Facebook, Twitter, LinkedIn, WhatsApp, Telegram or via Email.

  6. Preview your selection instantly.

  7. Click the Publish button to save the changes.

Product Pagination

Toggle the visibility of the next and previous links on single product pages
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Product pagination toggle field.

  5. Toggle the visibility of the next and previous links on single product pages.

  6. Optionally, enable the Same category pagination control to only display links to products in the same category as the one currently being viewed.

  7. Preview your selection instantly.

  8. Click the Publish button to save the changes.

Sticky Add To Cart

Toggle the visibility of a content bar at the top of the browser which includes product’s information
  1. On the frontend, in the Admin bar, Customize.

  2. On the backend, click Appearance » Customize.

  3. Navigate to WooCommerce » Product Details section.

  4. Locate the Sticky add to cart toggle field.

  5. Toggle the visibility of a content bar at the top of the browser window which includes the product name, price, rating, stock status and the add to cart button. Can be used for shops that have lots of products with long descriptions, lots of reviews, galleries, etc.

  6. Preview your selection instantly.

  7. Click the Publish button to save the changes.