> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/kilio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/kilio/content-management-1/woocommerce/shop-layouts.md).

# Shop Layouts

Kilio Shop Layouts are available 4 styles:&#x20;

* Shop Fullwidth&#x20;
* Shop Left Sidebar
* Shop Right Sidebar
* Shop Listview

### 1. Add Sidebar Widget for Shop Layout

**Admin -> Appearance -> Widget**

It appears at frontend.&#x20;

### 2. Customize Shop Layout:

**Admin -> Customize -> WooCommerce:**

![](/files/-Mf2WeT5Atd_Le4f2TKe)

**2.1 WooCommerce Archive**&#x20;

![](/files/-Mf2Wj_sfbG5RgQTowWo)

#### Layout Style

* Layout Style: Default and Hide sidebar
* Position Filter: Right/Left Sidebar
* Container Fullwidth&#x20;
* Columns
* Number of product to show

#### Product Catalog

* Shop page display: Choose what to display on the main shop page

  Show products, show categories, show categories and products
* Category display: Choose what to display on the category page. Show products Show subcategories Show subcategories and products
* Default product sorting: How should products be sorted in the catalog by default?

After all, click "Publish" with all changes.&#x20;
