Single Product Sidebar Layout

1. Add Widget to Sidebar on Single Product page: 
Go to admin > Appearance > Widgets: 
Dragging n dropping available widgets to "WooCommerce Detail"
Add Single Product Layout Sidebar
And it displays at frontend: 
Sidebar on single product page
2. Layout for Single Product
Single product is displayed with 04 different layout
+ Horizontal Thumbnail: single_product_style=1
+ Gallery: woocommerce_single_product_style=2
+ Sticky Detail: woocommerce_single_product_style=3
+ Vertical Thumbnail: woocommerce_single_product_style=4
Customize layout for product layout
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​
Tab Style: Tab/Accordion
3. Product Relate and product up-sell:
And it is displayed at frontend: 
4. Product Image Settings: 
Admin > Customize > WooCommerce > Product
Set Image size 
Layout: Animation Image Hover
And Publish with all changes
See video: 
​
​

Last modified 1yr ago