# 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

![](https://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-MabXJYdODntYmJ9NyJq%2F-MabYLKyDzuS2S2ZmdIm%2Fimage.png?alt=media\&token=e0fbcd68-d8ee-48f1-b968-a87f7d070828)

### **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

![](https://1843780857-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MaXty7PwzltVHa_ZvX3%2F-MdWV5zsCrw3dU32YpLu%2F-MdWVS833KeSG9JKIN9L%2Fimage.png?alt=media\&token=cf3fa4c0-7e02-4a7a-bce1-12c0d0c09f8b)

### **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