{"title":"Single Product Page Configuration and Customization","id":48967,"link":"https:\/\/env.averta.net\/en\/step\/single-product-page-configuration-and-customization\/","parent":[51166,35060],"content":"

\"\"<\/a>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.<\/p>\n

To add a new product item, navigate?Products > Add New?<\/strong>on your?WordPress Admin Panel Dashboard<\/strong>.<\/p>\n

To know more about WooCommerce options for a product, you can check out this article<\/a>.<\/p>\n

After that, you are able to edit and change the options of each product page.<\/p>\n

Follow below steps to individually customize product single page options:<\/p>\n

    \n
  1. Go to your WordPress Admin Panel<\/strong><\/li>\n
  2. Click the?Products > All Products<\/strong><\/li>\n
  3. Choose the product item you want to customize<\/li>\n
  4. Find Product Options <\/strong>section on the bottom of the text editor<\/li>\n<\/ol>\n

    To customize your product items globally, follow the below steps:<\/p>\n

      \n
    1. Go to your WordPress Admin Panel<\/strong><\/li>\n
    2. Click the?Appearance > Customize<\/strong><\/li>\n
    3. Navigate WooCommerce > Single Product Page<\/strong><\/li>\n<\/ol>\n
      \n

      Single Product Setting on Page Options Panel<\/h3>\n

      \"\"<\/p>\n

      Product Template<\/h4>\n

      You can choose a specific template for each product page by selecting your desired template from page options panel.<\/p>\n

      Display Next & Previous Products<\/h4>\n

      If you want to add next and previous button below your single product page, you can use this option and set it to Yes.<\/p>\n

      Skin for Next & Previous Links<\/h4>\n

      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.<\/p>\n

      Display Single Star Ratings<\/h4>\n

      Set this option to Yes, if you want to add star ratings to your product page.<\/p>\n

      Display Single Product Share<\/h4>\n

      If you want to enable sharing system, choose yes.<\/p>\n

      Display Single Product SKU<\/h4>\n

      Each single product page can have a SKU (stock keeping unit<\/em>) section. Just simply select yes on this section.<\/p>\n

      Display Single Product Categories<\/h4>\n

      A category section will be added to your single product page by choosing Yes.<\/p>\n

      Display Single Product Tags<\/h4>\n

      It is choosable to show tag section, too.<\/p>\n

      More Options for Stack Gallery, Sticky Gallery, and Grid Templates:<\/h4>\n

      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:<\/p>\n

      \"\"<\/a>Grid\/Masonry Template<\/h4>\n

      By selecting these templates, you can design your grid gallery in any way you want.<\/p>\n

      Image Aspect Ratio<\/h4>\n

      There are four available aspect ratio for images:
      \nHorizontal 4:3 Horizontal 16:9 Square 1:1 Vertical 3:4<\/p>\n

      Space<\/h4>\n

      You can set space between your product image gallery.<\/p>\n

      Number of Columns in Desktop, Tablet, and Mobile<\/h4>\n

      The number of columns on desktop and tablet can be up to six. On mobile, the maximum number of columns is three.<\/p>\n

       <\/p>\n

      \n

      Single Product Setting on Customizer<\/h3>\n

      Single Product Template<\/h4>\n

      You can choose between six available layouts for your product single page.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
      \"\"<\/td>\nSlider<\/td>\n<\/tr>\n
      ?\"\"<\/td>\n<\/tr>\n
      \"\"<\/td>\nGrid<\/td>\n<\/tr>\n
      <\/td>\n<\/tr>\n
      \"\"<\/td>\nStack<\/td>\n<\/tr>\n
      ?\"\"<\/a><\/td>\n<\/tr>\n
      \"\"<\/td>\n\n

      Sticky<\/p>\n<\/td>\n<\/tr>\n

      ?\"\"<\/a><\/td>\n<\/tr>\n
      \"\"<\/td>\nWide<\/td>\n<\/tr>\n
      ?\"\"<\/a><\/td>\n<\/tr>\n
      \"\"<\/td>\nCentered Wide<\/td>\n<\/tr>\n
      \"\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

      \"\"<\/p>\n

      Single Product Sidebar Style<\/h4>\n

      The position of sidebar in each product single page can be changed.<\/p>\n

      Display Next & Previous Products<\/h4>\n

      By enabling this option, your previous and next products will appear besides the page, and you can customize these navigations via next option.<\/p>\n

      Skin for Next & Previous Links<\/h4>\n

      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.<\/p>\n

       <\/p>\n

       <\/p>\n

      <\/div>\n

      ?\"\"<\/a><\/p>\n

      Display Single Star Ratings<\/h4>\n

      Enable this option to add star rating for your product.<\/p>\n

      Display Single Product Wishlist<\/h4>\n

      If you want to show an option to add product to wishlist, you can enable this.<\/p>\n

      Display Single Product Share<\/h4>\n

      After enabling this option, a share section will appear on your product page.<\/p>\n

      Display Single Product SKU<\/h4>\n

      This option will add a SKU (stock keeping unit<\/em>) section to your product page.<\/p>\n

      Display Single Product Categories<\/h4>\n

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

      Display Single Product Tags<\/h4>\n

      Like category section, tags section can be added to your product page.<\/p>\n

      Enable Lightbox in Single Product Page<\/h4>\n

      By enabling this option, your images can be displayed in a lightbox after clicking on them.<\/p>\n

      <\/h4>\n

       <\/p>\n

       <\/p>\n","type":"solution"}