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

# Single Product Sidebar Layout

### 1. 04+ Premade Layouts for Single Product Detail page: 

As the default of Funisox product page, it doesn't come with sidebar. It 's available with 04 Layouts: 

* [Layout 1](http://dev2.wpopal.com/funisox/product/mens-pills-crew-socks/?osf_woocommerce_single_product_style=1): 

![](/files/-MhmmLEGXymigmR-4CPz)

* [Layout 2](http://dev2.wpopal.com/funisox/product/mens-pills-crew-socks/?osf_woocommerce_single_product_style=2): 

![](/files/-MhmmSmgZPT1fDpSJlY3)

* [Layout 3](http://dev2.wpopal.com/funisox/product/mens-pills-crew-socks/?osf_woocommerce_single_product_style=3): 

![](/files/-MhmmXHMNn6DDDyp0AQY)

* [Layout 4](http://dev2.wpopal.com/funisox/product/mens-pills-crew-socks/?osf_woocommerce_single_product_style=4): 

![](/files/-MhmmaOZdaiTeOR9csFM)

### 2. Add Widget to Sidebar on Single Product page: 

Go to admin > Appearance > Widgets: 

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

![](/files/-MhmnC9_79hI0SwRi3zo)

And it displays at frontend: 

![](/files/-Mhmnhk6qBU5be9Ugf5M)

### 2. Customize Layout for Single Product

**Open Dashboard > Customize > WooCommerce > Single Product**

* Image: Set main image width size
* Layout

![](/files/-MhmoKWoPd4TPrf8Vmrs)

![](/files/-Mhmo2GGzo9-9cAiYbcy)

* Product relate and upsell:

![](/files/-MhmoYObAnHVQj3qCW3Y)

![](/files/-MhmoTLo8aGA7-IvZxyh)

### 3. Product with Grid/List Layout

![](/files/-MhmtEroUe57UnsYRWee)

And **Publish** with all changes