Medilazar
  • 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
      • Premade Header Builder
      • Edit a Header Builder
    • Footer
      • Premade Footer Builder
      • Edit a Footer Builder
    • Homepage
      • Create New Page Elementor
      • Slider Revolution
      • Settings for Homepage
      • Newsletter
      • Medilazar Elementor Elements
    • Blog
      • Create a Post
      • Add Blog on Page Elementor
      • Blog Post Layouts
    • WooCommerce
      • Single Product Sidebar Layout
      • Shop Layout
        • Shop with Left/Right sidebar
        • Shop Fullwidth
        • Shop Listview
        • Settings for Shop Page
    • WooCommerce Settings
  • Sidebar and widgets
    • Widget Sidebar
  • Setting
    • Customize
      • Typography
      • Color
      • Layout
      • Blog
      • WooCommerce
      • Header & Footer
        • Header
        • Footer
      • Socials
      • Maintenance
      • Site Identity
      • Menu
      • Widgets
      • Homepage Settings
      • Additional CSS
    • Contact Page
    • Newsletter
    • Template
  • Faqs
    • How long time get Support
    • How To Submit Ticket
    • FAQs
      • I can not import demos. How can i do?
      • How to Add Instagram in WordPress
      • I don't receive email from Contact Form. How can I do?
  • recommendation
    • Optimize Wordpress
    • Translation
    • More WordPress themes
Powered by GitBook
On this page
  • 1. Add Widget to Sidebar on Single Product page:
  • 2. Layout for Single Product
  • Customize layout for product layout
  • 3. Product Relate and product up-sell:
  • 4. Product Image Settings:

Was this helpful?

  1. Content Management
  2. WooCommerce

Single Product Sidebar Layout

PreviousWooCommerceNextShop Layout

Last updated 3 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"

And it displays at frontend:

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:

Add Single Product Layout Sidebar
Sidebar on single product page