🥳
TemPlaza Framework
  • Templaza Framework
  • Guides
    • System Requirements
    • Plugin Requirements
    • Elementor – Configuration
  • Theme Activation & Demo Import
    • Theme Installation
    • Theme License Activation
    • Import Demo Content
      • Import multiple themes
  • Fundamentals
    • Smooth Scroll
    • Back To Top
    • Coming Soon
    • Preloader
    • Cursor Effect
    • 404 Error Page
    • Custom Code
    • Wide & Boxed Layout
  • Header
    • Header
    • Header Variations
    • Logo & Favicon
    • Header Icons
    • Contact Information
    • Header Presets
  • Menu
    • Menu Settings
    • Drop-Down Menu
    • Off-Canvas Menu
    • Sticky Menu
    • Mega Menu
  • Footer
    • Create a footer
    • Copyright Information
    • How to copy Footer from one layout to another
    • Footer For Multilingual Site
  • Layout Settings
    • Section Settings
    • Row Settings
    • Element Settings
    • Save Section
  • Theme Color
    • Theme Color
    • Global Colors
  • Social Profile
    • Social Profile
  • Typography
    • Menu Typography
    • H1-H6 Typography
    • Footer Typography
    • Body Typography
  • Blog Options
    • Blog Page
    • Blog Single
    • Blog Slider
    • Blog Related
  • Extended Options
    • Woocommerce Options
  • Themes
    • AutoShowroom
      • Installation
      • Inventory
        • Inventory Page Assignment
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Pricing & Currency Setting
      • Mega Menu
      • Header
        • Header's height
      • Footer
      • Sidebar Widgets
        • Add a new sidebar
      • FAQs
        • Background Image
        • Breadcrumb Image
      • Translation
    • Probike
      • Installation
        • Download the theme
        • Install the theme
        • Import the demo content
      • Home Page
      • Inventory
        • Inventory Filter
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Setting
      • Blog
        • Blog Columns
        • Blog Ajax Load
        • Blog Masonry
      • Shop
        • Woocommerce Product Options
      • Dealer Page
        • Top Dealers
        • Dealer Register
        • User Role
      • Custom Post Types
        • Services
        • Team
      • Sidebars & Widgets
        • Add a new sidebar
      • Breadcrumb Image
      • Translation
    • Amanus
      • Home
      • Yachts
        • Currency Settings
      • Events
      • Shop
      • Blog pages
      • Footer
      • Background Image
    • Baressco
      • Get Started
        • Installation
        • Theme Activation
      • Home 1
      • Inventory
    • Golden Hearts
      • Installation
      • Home Page
      • Blog pages
      • Cause Settings
        • Causes List
        • Cause Grid
      • Events
        • Event Venues
        • Event Organizers
      • Edit Footer
      • Edit Breadcrumb Image
    • Plazart
      • Demo Import
      • Home 1
      • Online Shop
      • Inventory
        • Inventory Assignment
      • Blog Columns
      • Team Member
      • Header
        • Header Layout
      • Section Background Image
      • Translation
    • Koer
      • Inventory Page
        • Inventory Assignment
        • Inventory Filter Widget
        • Change Inventory Permalink
        • Advanced Product Options
        • Currency Settings
      • Shop Page
      • Header
        • Default & Sticky Logo
        • Header Layout
      • Footer
        • Copyright
      • Mega Menu
      • FAQs
    • Agruco
      • Installation
        • Theme License Activation
      • Inventory
        • Inventory Sidebar Filter
        • Change Inventory Permalink
        • Currency Settings
      • Sidebars & Widgets
        • Add a new sidebar
        • Header Widget
        • Shop Sidebar
        • Inventory Sidebar
        • How to add the widget to a sidebar
      • Footer
        • Copyright
      • Woocommerce Options
    • AutoBike
      • Get Started
        • Download the theme
        • Install the theme
        • Import demo content
      • Home Page
        • Create a new page
        • Home page 1
      • Inventory
        • Inventory Page Assignment
        • Advanced Product Options
        • Pricing & Currency Setting
        • Inventory Filter
        • Change Inventory Permalink
      • Sidebar & Widgets
        • Add a new sidebar
        • How to add the widget to a sidebar
      • Blog
      • Elementor
      • WooCommerce
        • Install WooCommerce
        • Adding WooCommerce Pages
        • Setting Up WooCommerce
        • Adding Product
      • Translation
        • Footer Translation
    • Today News
      • Boxed Layout
      • Blog Pages
      • Blog Single
      • Background Image
      • Off-Canvas Sidebar
    • Alita
      • Alita – Installation
      • Alita – Theme Activation
      • Alita – Import Demo Data
      • Alita – Home Page
      • Alita – About
      • Alita – Services
      • Alita – Our Work
      • Alita – Pricing
      • Alita – Contact
    • Travelami
      • Get Started
        • How To Download And Install Theme?
        • How to activate the product license
        • Import Travelami demo content
      • Set Up Tours
        • About Tour Management
          • How to add a new tour
          • Tour Types
          • Tour destination
          • Tour Category
          • Tour Language
          • Tour Custom Field Group
          • Tour Custom Field
        • Tour Inquiry Form
          • Online Tour Booking With Payment
        • Sidebar Tour Filter
      • Blog
        • Blog Image Left/Right
        • Blog Grid
        • Blog Columns
      • Theme's Header
        • Theme Logo
        • Sticky Logo
        • Header Icons
        • Header Assignment
      • Theme's Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the tour's custom field order
        • How to change a breadcrumb image
        • How to hide or remove the tour rating
        • Remove the breadcrumb heading
        • Set up Instagram Image Feed
    • Kamper
      • Get Started
        • Download And Install Theme
        • How to activate the product license
        • Import Kamper's Demo content
      • Accommodation
        • Product Management
          • Add A New Product
          • Product Branch
          • Product Service
          • Product's Field Groups
          • Product's Custom Fields
        • Booking Settings
          • Online Booking With Payment
        • How to reorder accommodation's tabs
      • Kamper Header
        • Default & Mobile Logo
        • Sticky Header
        • Header Icons
      • Kamper Footer
      • Mega Menu
      • Translation
      • FAQs
        • How to change the breadcrumb image
        • How to change a section's background image
        • How to edit a section's background image
        • How to display a field in a listing page
        • How to display a price range in the filter
        • How to change the cursor effect
    • Vonux
      • Inventory
        • Inventory Assignment
        • Sidebar Inventory widget
        • FAQs
      • Header
        • Transparent header
      • Footer
        • How to change the footer's text color
      • Translation
      • FAQs
        • Section Background Image
        • Background image of breadcrumb section
  • Advanced Products Plugin
    • Product Branch
    • Product Category
    • Custom Field Groups
    • Custom Fields
    • Custom Categories
    • Plugin Translation
    • General Settings
  • Extras
    • How to submit a support ticket
Powered by GitBook
On this page
  • 1. Product Catalog
  • 2. Product Loop
  • 3. Product Notification
  • 4. Single Product
  • 5. Related Products
  • 6. Upsell Products
  • 7. Recently Viewed Products
  • 8. Product Badges
  1. Extended Options

Woocommerce Options

PreviousBlog RelatedNextAutoShowroom

Last updated 1 year ago

This section contains multiple options for Woocommerce product page. You can find helpful options to configure the product listing, related products, single product, product cart, mini cart and so on.

1. Product Catalog

Shop layout: choose a grid or masonry layout to display your products on the shop page. If you choose the grid layout, you'll see below options:

  • Large Desktop Columns: Set the number of product columns per row on large desktops.

  • Desktop Columns: Set the number of product columns per row on desktops.

  • Laptop Columns: Set the number of product columns per row on laptops.

  • Tablet Columns: Set the number of product columns per row on tablets.

  • Mobile Columns: Set the number of product columns per row on mobile phones.

  • Column Gap: Set the gap between columns in the grid layout.

  • Products per page: Set the number of products per page.

  • Item Background Color: Choose a background color for the product item.

  • Item Summary Padding:

  • Item Summary Margin:

  • Shop Pagination: There are 3 types of paginations you can choose: Number, Button Load More and Infinite Scroll.

  • Show title: Disable the option if you don't want to show the product's title.

  • Show Rating: Disable the option if you're not interested in displaying the product's rating.

2. Product Loop

  • Product Loop Layout: there are some available layouts for product loop that you can choose from including Icon & add to cart button, Icon over thumbnail on hover, icons & quick view button, icons on bottom, simple, standard button, info on hover, icons & add to cart text, and quick shop button.

  • Product Loop Hover: Choose a hover effect when hovering on a product thumbnail

  • Featured Icons: Select among Cart, Quick View, and Wishlist icons to display on a product's thumbnail.

  • Always Display Wishlist: Disable the option if you don't want to display the wishlist.

  • Attributes: Choose product attributes to display on the shop page

3. Product Notification

  • Added to Cart Notice: Choose one of the notice styles after adding a product to the cart.

  • Added to Wishlist Notification: Enable the option if you receive a notification after a product is added to the wishlist.

  • Wishlist Notification Auto Hide: Set the number of seconds that wishlist notification should remain.

4. Single Product

  • Single product layout: Choose a single product layout that you're interested in.

  • Background color: Set the background color of the single product page.

  • Single box padding: Set the padding (top, right, bottom and left) of the single product content.

  • Single box margin: Adjust the margin (top, right, bottom, and left) of the single product content.

  • Description max-width: Set the max-width of the product description in units: percentage, pixel, or em.

  • Add to cart with AJAX:

  • Sticky add-to-cart: Enable the option if you want the Add-to-cart to be sticky.

  • Cart sticky position: Choose a position for the sticky add-to-cart.

  • Product Variable Style: Choose a style for the product variables.

  • Product Taxonomy: Choose a type of product taxonomy that appears on the product title.

  • Wishlist Button: Choose a type of wishlist button.

  • Image Zoom: Enable the option if you want the product image to be zoomable.

  • Image Lightbox: Enable the option if you'd like to open the product image with lightbox.

  • Thumbnail Slider Numbers: Set the number of thumbnail sliders.

  • Product Meta: Select the product's meta displayed on the single product page.

  • Content Tabs Position: Choose a position on which the product's content tabs should be displayed.

5. Related Products

Related Products is a section on some templates that pulls products from your store that share the same tags or categories as the current product.

These products cannot be specified in the admin but can be influenced by grouping similar products in the same category or by using the same tags.

  • Related products are usually shown on the detailed product page.

6. Upsell Products

Up-sells are products that you recommend instead of the currently viewed product.

They are typically products that are more profitable or better quality or more expensive. Depending on your theme template, these products are displayed on the single product page underneath the product’s description.

  • Up-sells (user-defined) show on the product page.

7. Recently Viewed Products

Recently Viewed Products for WooCommerce displays the products recently viewed by Members and Guests on a separate page.

8. Product Badges

Product badges are used to add badges to products to highlight key features, special offers and more. Product badges can enhance customer understanding of key product features, highlight promotions and products with time-limited offers, improve click-through rates and many more sales-boosting benefits.

ff/

Product Catalog
Options for related products
Options for upsell products
Options for recently viewed products