Single Product Page Configuration and Customization (pro)

On shop page, you can find all of your products. Each product can be displayed on a different page named Single Product Page. There are some options available on Phlox to design and customize your single pages. You can select different categories for your product pages. Also, you can add one featured image, and select more pictures to represent your product.

To add a new product item, navigate Products > Add New on your WordPress Admin Panel Dashboard.

To know more about WooCommerce options for a product, you can check out this article.

After that, you are able to edit and change the options of each product page.

Follow below steps to individually customize product single page options:

  1. Go to your WordPress Admin Panel
  2. Click the Products > All Products
  3. Choose the product item you want to customize
  4. Find Product Options section on the bottom of the text editor

To customize your product items globally, follow the below steps:

  1. Go to your WordPress Admin Panel
  2. Click the Appearance > Customize
  3. Navigate WooCommerce > Single Product Page

Single Product Setting on Page Options Panel

Product Template

You can choose a specific template for each product page by selecting your desired template from page options panel.

Display Next & Previous Products

If you want to add next and previous button below your single product page, you can use this option and set it to Yes.

Skin for Next & Previous Links

By selecting Yes for previous option, you will be able to choose a skin for next and previous section. It can be Minimal(default), Thumbnail with Arrow, Thumbnail without Arrow, Navigation with Light Background, Navigation with Dark Background, Sticky Thumbnail with Arrow.

Display Single Star Ratings

Set this option to Yes, if you want to add star ratings to your product page.

Display Single Product Share

If you want to enable sharing system, choose yes.

Display Single Product SKU

Each single product page can have a SKU (stock keeping unit) section. Just simply select yes on this section.

Display Single Product Categories

A category section will be added to your single product page by choosing Yes.

Display Single Product Tags

It is choosable to show tag section, too.

More Options for Stack Gallery, Sticky Gallery, and Grid Templates:

For Stack and Sticky Gallery you can set

If you choose Grid Gallery, the below options will appeared to the option panel and you can customize the appearance of Grid Gallery:

Grid/Masonry Template

By selecting these templates, you can design your grid gallery in any way you want.

Image Aspect Ratio

There are four available aspect ratio for images: Horizontal 4:3 Horizontal 16:9 Square 1:1 Vertical 3:4

Space

You can set space between your product image gallery.

Number of Columns in Desktop, Tablet, and Mobile

The number of columns on desktop and tablet can be up to six. On mobile, the maximum number of columns is three.


Single Product Setting on Customizer

Single Product Template

You can choose between six available layouts for your product single page.
Slider
Grid
Stack

Sticky

Wide
Centered Wide

Single Product Sidebar Style

The position of sidebar in each product single page can be changed.

Display Next & Previous Products

By enabling this option, your previous and next products will appear besides the page, and you can customize these navigations via next option.

Skin for Next & Previous Links

By selecting Yes for previous option, you will be able to choose a skin for next and previous section. It can be Minimal(default), Thumbnail with Arrow, Thumbnail without Arrow, Navigation with Light Background, Navigation with Dark Background, Sticky Thumbnail with Arrow.

 

Display Single Star Ratings

Enable this option to add star rating for your product.

Display Single Product Wishlist

If you want to show an option to add product to wishlist, you can enable this.

Display Single Product Share

After enabling this option, a share section will appear on your product page.

Display Single Product SKU

This option will add a SKU (stock keeping unit) section to your product page.

Display Single Product Categories

If you have chosen category/categories for your products, you can enable this option to see category section on your product page.

Display Single Product Tags

Like category section, tags section can be added to your product page.

Enable Lightbox in Single Product Page

By enabling this option, your images can be displayed in a lightbox after clicking on them.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us