# Single Product Sidebar Layout

Go to admin > Appearance > Widgets:

Dragging n dropping available widgets to "**WooCommerce Detail"**

![](https://gblobscdn.gitbook.com/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MXBM5zhehhTlZ0SDm7A%2F-MXBNtlygBRs-x4V4AQq%2Fimage.png?alt=media\&token=0ec40fda-6925-416b-861d-3649287b51ad)

Add Single Product Layout Sidebar

And it displays at frontend:

Sidebar on single product page

## 2. Layout for Single Product <a href="#id-2-layout-for-single-product" id="id-2-layout-for-single-product"></a>

Single product is displayed with 04 different layout

\+ Horizontal Thumbnail

\+ Gallery:&#x20;

\+ Sticky Detail:&#x20;

\+ Vertical Thumbnail:

## Customize layout for product layout <a href="#customize-layout-for-product-layout" id="customize-layout-for-product-layout"></a>

* **Set Sidebar Layout for Single Product**

**Admin > Customize > WooCommerce > Single** : Layout > Sidebar position: Left/right

* Style product Layouts: there are 4 styles you can set:

\+ Style 1: Product Horizontal Thumbnail​

\+ Style 2: Gallery ​

\+ Style 3: Sticky Detail​

\+ Style 4: Vertical Thumbnail​

## **3. Product relate and product up-sell:** <a href="#id-3-product-relate-and-product-up-sell" id="id-3-product-relate-and-product-up-sell"></a>

![](https://gblobscdn.gitbook.com/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MXBM5zhehhTlZ0SDm7A%2F-MXBTR0Pwh0zVBCvs5bH%2Fimage.png?alt=media\&token=2e5a7cb0-68ac-4823-9783-6c10a1238e6c)

## **4. Product Image Settings:**  <a href="#id-4-product-image-settings" id="id-4-product-image-settings"></a>

**Admin > Customize > WooCommerce > Product**

* Set Image size
* Layout: Animation Image Hover

![](https://gblobscdn.gitbook.com/assets%2F-MNROqxinGIHrcdd3Eoq%2F-MXBU358SgIkWDnfqIVy%2F-MXBUIb_hyaPuL71Eqfj%2Fimage.png?alt=media\&token=9bec38e5-ed56-4830-89ca-28590d0935d8)

And **Publish** with all changes