Kilio
  • Introduction
  • Support
  • Get start
    • Requirements
    • What’s Included?
  • Download & Install
    • Download
    • Install Theme and Active
    • Install & Activate Plugins
    • One Click To Import Demo
  • Content Management
    • MainMenu
    • Slider Revolution
    • Header
      • Premade Header Builder
      • Edit a Header Builder
    • Footer
      • Premade Footer Builder
      • Edit a Footer Builder
    • Homepage
      • Create New Page Elementor
      • Settings for Homepage
    • Newsletter
    • Contact Page
    • Blog
      • Create a Post
      • Add Blog Page with Elementor
      • Blog Layouts
        • Single Blog Layout
        • Blogs Page Layout
    • WooCommerce
      • WooCommerce Settings
      • Single Product Sidebar Layout
      • Shop Layouts
    • Breadcumb
  • Sidebar & Widgets
    • Widget Sidebar
  • Settings
    • Customize
      • Typography
      • Color
      • Layout
      • Blog
      • WooCommerce
      • Header & Footer
      • Socials
      • Maintenance
      • Site Identity
      • Header Text Color
      • Header Image
      • Menus
      • Widgets
      • Homepage Settings
    • Contact Page
    • 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. Customize Layout for Single Product
  • Customize layout for product layout
  • 3. Product Relate and Up-sell:
  • 4. Product Image Settings:
  • 5. Others

Was this helpful?

  1. Content Management
  2. WooCommerce

Single Product Sidebar Layout

PreviousWooCommerce SettingsNextShop Layouts

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 will be displayed at frontend:

2. Customize 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

  • Main Image Width

  • 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

3. Product Relate and Up-sell:

4. Product Image Settings:

Admin > Customize > WooCommerce > Product

  • Set Image size

  • Layout: Animation Image Hover

5. Others

  • WooCommerce Extra

  • Store Notice

  • Checkout

And Publish with all changes

+ Style 1:

+ Style 2:

+ Style 3:

+ Style 4:

Product Horizontal Thumbnail
Gallery
Sticky Detail
Vertical Thumbnail