# Category

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FdCmiIiCaapaJfXRzJ98Z%2Fc8.png?alt=media\&token=344cb188-33f2-4a6e-8103-1b3a8ef0d882)

### 1. Product style

Kalles has 4 product hover styles:\
\- Product style 1:&#x20;

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FGjnWURoQCX8WtgwbP467%2Fimage.png?alt=media\&token=87aad6a6-3a03-413d-be63-8ed83ad0954b)

&#x20;\- Product style 2

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FGga5CRujsqHn7H5ExU9G%2Fimage.png?alt=media\&token=c28f97f6-8d5b-4c1f-b845-6436c076a322)

&#x20;\- Product style 3

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2F8kR7EZS31GpzkyTApGNR%2Fimage.png?alt=media\&token=3e2902a7-ef05-4fc4-8da5-69c4cee056ec)

&#x20;\- Product style 4

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FZTzHNirJC3dSK0lxiFya%2Fimage.png?alt=media\&token=371b7b8b-6261-4d81-b738-045afc3df801)

\
**Config Product Style:** Choose the product styles that you want to use in your store.

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2Fk6GHmHJgYQaWGx2Eprlj%2Fimage.png?alt=media\&token=22bb8b24-a3db-4bc9-8faf-e93227eda8cb)

### 2. Other setting (show/hide) in product

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2Fkuxlda4i4uNemBM5QJ2m%2Fimage.png?alt=media\&token=430ba17e-5d24-48bf-bcd8-3402ef2cfce2)

* In the **Show Product Rating Stars** field: Select **Yes** if you want to show Product Rating Stars&#x20;
* In the **Show Product Price** field: Select **Yes** if you want to show Product Price.
* In the **Show Product Quickview** field: Select **Yes** if you want to show Product Quick view
* In the **Show Product Compare** field: Select **Yes** if you want to show Product Compare&#x20;
* In the **Show Product Wishlist** field: Select **Yes** if you want to show Product Wishlist
* In the **Show Product Add to Cart** field: Select **Yes** if you want to show Product Add to Cart

### 3. **Page Layout**

Catalog page in Kalles included layouts: Mansoy, Packery, Filter Canvas, Full width, Grid you can see how the layout work in our demo:&#x20;

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FoqOZeWhfyQTbSSWhCND4%2Fcanvas-fillter.png?alt=media\&token=f0effe19-7796-4d62-8ec3-af7d8f082656)

Choose the layout that you want to use.
