Store notice

WooCommerce gives to the store owner the capability to add a sitewide disclaimer to display a message to all visitors. From this Store notice menu you can customize:

  • the text
  • the background color
  • the text color
  • the font size

Store notice

Product catalog

 

WooCommerce Product catalog

General options

Choose how to display categories, subcategories, products, and how to sort them.

Product catalog general options

Shop page display:

      • Show products
      • Show categories
      • Show categories and products

Category display:

      • Show products
      • Show subcategories
      • Show subcategories and products

Default product sorting:

Select here the default sorting for products displayed on your archive pages. Users will however be able to select a different sorting manually from the dropdown menu in the top right corner.

    • Default (custom ordering + name)
    • Popularity (sales)
    • Average rating
    • Sort by most recent
    • Sort by price (asc)
    • Sort by price (desc)

Sort by dropdown

 

Products per row: you can select from 2 to 6 products per row.

Rows per page: you can select from 2 up to 8 rows per page.

In the following screenshot, for example, there are 5 products per row and a maximum of 2 rows per page.

Rows and columns

Space between products (px): you can select the space (in px) between products horizontally and vertically.

Display options

Product catalog display optionsProduct catalog display options

 

Enable border: yes/no

Border width (px): select borders width (top, bottom, left, right) in px

Border radius (px): select border radius in px

Border color: choose the color of the border

Product hover effect:

      • None
      • Glow: contrast is enhanced to make the image look brighter
      • Zoom: the image will be slightly enlarged on mouse-hoverzoom effect
    • Alternative image: it will automatically pick the first image in the product gallery
      Product alternative image
    • Glow + alternative image: it will load the alternative image and apply the glow effect on it.

Product TITLE font size: default value set to 14px

Product TITLE font color

Product PRICE font size: default 14px

Product PRICE font color

Add to Cart options

Product catalog Add to cart options

Add to cart style:

      • Textual link
      • Button style 1
      • Button style 2

To customize the two available button styles of the theme, please, refer to Theme options > Miscellaneous > Buttons. You can find out more on this page.

Add to cart font size: default 14px

Add to cart position on archive pages (Shop, category, and tag pages)

      • Classic: it will be displayed below the product image
      • On image hover: it will be displayed above the product image on mouseover

Show “View details” link: this is the button that opens the product detail page. If set to NO, the full image will be clickable, if set to YES, you will be able to choose the style of this link.

“View details” style:

      • Textual link
      • Ghost button

View details

Sale badge

Sale badge

Here you can customize the background color, font color and font size of the sale badge.

WooCommerce messages

Messages

You can configure accent color for WooCommerce messages, and differentiate between default, info and error messages.

Animated messages

If you want “Add to cart” animated messages, make sure you disable this WooCommerce option:

WooCommerce > Settings > Products > Add to cart behaviour > Enable AJAX add to cart buttons on archives

Shop page sidebar

Shop page

From this menu you can choose whether the Shop page will have a sidebar or not and where to show it, on the right or left.

If you enable the sidebar, you will be able to pick one of your sidebars.

To configure the sidebars of your theme, please, go to Theme > Appearance > Widgets.

Single product page

In this section you can manage options related to products and product pages. You will find various sections. Let’s have a look at them.

1. Product title

Product title

Here you can configure typography options for the product title:

  • font family
  • font weight & style
  • font size
  • font color.

2. Product image

Proteo image

Enable featured image zoom: whenever you hover over the product image, it will be automatically zoomed in to show more details.

Enable featured image lightbox: this enables a lightbox where all images can be viewed one after the other. It will show the image title as well. The background color inherits the main color shade (from Theme options > Miscellaneous > Site options, more info here).

Enable additional images slider: this option will automatically show a slider with all the images in the product gallery, if they are more than 4.

Make product image sticky when scrolling: enable to make sure that the featured product image will still be visible even if you scroll down the page. This is useful if you have a long product description or many product options displayed in the product description section.

Product price and Add to cart

Product price and Add to cart

Available options:

  • Product price font size
  • Product price font color
  • Product quantity font size
  • “Add to cart” button font size
  • Show a reset variation link (only for variable products)Reset link

Related products

Related products

Related products are products from your store with the same tags or categories as the current product. These products cannot be selected by the admin, but can be influenced by grouping similar products into the same category or by using the same tags.

Here you can customize the Related product section by setting:

  • Maximum number of related products to show
  • Columns i.e. products per row

Sidebar management

Sidebar management

Here you can choose whether to show a sidebar on all product pages and where it will be displayed.

  •  Sidebar position: no sidebar, left, right
  • Choose sidebar among the ones configured for your website
  • Force all products to use the same sidebar.

Unless the latter option is enabled, you can override these settings, and for example show a custom sidebar or no sidebar at all, from the product page. Please, refer to this page for more details.

Tabs management

Tabs management

Here you can customize the font size and color of the standard WooCommerce tabs displayed on the product page, like the Description or Reviews tab.

Product categories, tags and SKUs

Category, tag, sku

Here you set whether to show or not:

  • Product categories
  • Product tags
  • Product SKU

Product category page

 

Sidebar position in category pages

From this panel, you can choose a specific sidebar layout and pick one of your available sidebars to show on all product category pages.

You can override these settings both from the category edit page and from the product edit page, so for example show a custom sidebar or no sidebar at all.

Override sidebar settings from category edit page
Override sidebar settings from CATEGORY edit page
Override sidebar settings from PRODUCT edit page

Please, refer to this page for more details about all the options available on the product page.

Product tag page

 

Sidebar position in product tag pages

From this panel, you can choose a specific sidebar layout and pick one of your available sidebars to show on all product tag pages.

You can override these settings, and for example show a custom sidebar or no sidebar at all, from the product page. Please, refer to this page for more details.

Product taxonomy page

 

Sidebar position in product taxonomy pages

From this panel, you can choose a specific sidebar layout and pick one of your available sidebars to show on all product taxonomy pages, like attributes, brands etc.

You can override these settings, and for example show a custom sidebar or no sidebar at all, from the product page. Please, refer to this page for more details.

Cart page

Cart page

Cart layouts

Proteo theme offers two different Cart page layouts:

  • full-width layout
  • two-column layout

 

One-column cart layout
Full-width layout
Two-column cart layout
Two-column layout

“Update cart” button style

Moreover, you can also choose the appearance of the “Update cart” button and choose between:

  • a textual link or
  • a button.

Cross-sells

Finally, you can also set up how many cross-sells products will be displayed and how many per row (Columns).

Cross-sells