Introduction
Support
Get started
- Requirements
- What’s Included?
Download and installation
Content Management
Sidebar and widgets
- Widget Sidebar
Setting
FAQS
Recommendation
- Optimize Wordpress
- Translation

Powered by GitBook

On this page

1. Add Widget to Sidebar on Single Product page:
2. Layouts for Single Product Page
3. Customize layout for product layout
4. Product Relate and product up-sell:
5. Product Image Settings:

Was this helpful?

Single Product Sidebar Page Layout

PreviousWooCommerce NextShop Layout

Last updated 3 years ago

1. Add Widget to Sidebar on Single Product page:

Go to admin > Appearance > Widgets:

Dragging n dropping available widgets to "WooCommerce Detail"

2. Layouts for Single Product Page

Single product is displayed with 04 different layout

+ Horizontal Thumbnail: osf_woocommerce_single_product_style=1

+ Vertical Thumbnail: woocommerce_single_product_style=4

+ Gallery: woocommerce_single_product_style=2

+ Sticky Detail: woocommerce_single_product_style=3

3. 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

4. Product Relate and product up-sell:

And it is displayed at frontend:

5. Product Image Settings:

Admin > Customize > WooCommerce > Product

Set Image size
Layout: Animation Image Hover

And Publish with all changes