Huntor
  • Introduction
  • Support
  • Get started
    • Requirements
    • What’s Included?
  • Download and installation
    • Download
    • Install Theme and Active
    • Plugins installation
    • One Click To Import Demo
  • Content Management
    • MainMenu
    • Header
    • Footer
    • Homepage
      • Create a New Page Elementor
      • Sider Revolution
      • Homepage Settings
      • Change Body Background & Breadcumb
      • Newsletter
    • Blog
      • Create a Post
      • Create a Blog page
      • Layouts for Blog Page/Post
    • WooCommerce
      • Single Product Sidebar Page Layout
      • Shop Layout
        • Shop with Left/Right Sidebar
        • Shop Fullwidth
        • Settings for Shop page
      • Extra
      • Store Notice
      • Checkout
  • Sidebar and widgets
    • Widget Sidebar
  • Setting
    • Customize
      • Typography
      • Color
      • Layout
      • Blog
      • Header & Footer
        • Header
        • Footer
      • Socials
      • Maintenance
      • Side Identity
      • Menus
      • Widgets
      • Homepage Settings
      • Additional CSS
    • Template
    • Newsletter
    • Contact Page
  • FAQS
    • How long time get Support
    • How To Submit Ticket
    • FAQs
      • I can not import demos. How can i do?
      • I don't receive email from Contact Form. How can I do?
      • How to Add Instagram in WordPress
  • 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?

  1. Content Management
  2. WooCommerce

Single Product Sidebar Page Layout

PreviousWooCommerceNextShop Layout

Last updated 4 years ago

Was this helpful?

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:

  • 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

+ Style 1:

+ Style 2:

+ Style 3:

+ Style 4:

Product Horizontal Thumbnail
Gallery
Sticky Detail
Vertical Thumbnail
Add Single Product Layout Sidebar