> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/gifymo/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/gifymo/content-management-1/woocommerce/shop-layout/shop-with-left-right-sidebar.md).

# Shop with Left/Right sidebar

### 1. **Admin -> Appearance -> Widgets** <a href="#id-1-admin-greater-than-appearance-greater-than-widgets" id="id-1-admin-greater-than-appearance-greater-than-widgets"></a>

* Add widgets to sidebar WooCommerce Shop

![](/files/-MabYLKyDzuS2S2ZmdIm)

### **2. Customize sidebar & column:** <a href="#id-2-customize-sidebar-and-column" id="id-2-customize-sidebar-and-column"></a>

Left/right sidebar on Customize

### **2.1 Shop Layout** <a href="#id-2-1-shop-layout" id="id-2-1-shop-layout"></a>

* Layout Style: Choose Default
* Position Filter:

\+ Left: Sidebar on the left

\+ Right: Sidebar on the right

* Container fullwidth:
* Column:
* Number products to show

![](/files/-MdWVS833KeSG9JKIN9L)

### **2.2 Product Catalog:** <a href="#id-2-2-product-catalog" id="id-2-2-product-catalog"></a>

### **Shop Page display:**  <a href="#shop-page-display" id="shop-page-display"></a>

![](https://gblobscdn.gitbook.com/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MXB7-AzsgL3m9xlxRQU%2F-MXBAntOFwJwUg8kJ3cF%2Fimage.png?alt=media\&token=be8ce8a3-908e-43f1-bca6-bc9832003755)

**+ Show products:**

**+ Show categories:**

**+ Show categories & products**

### Category Display:  <a href="#category-display" id="category-display"></a>

### Default Product Sorting: <a href="#default-product-sorting" id="default-product-sorting"></a>

Choose the following image:

Default product sorting

And it will be displayed at frontend:

Default product sorting at frontend