WoodMart Page Sidebar Layout Switching Full Tutorial

When building a WooCommerce store or blog site with the WoodMart theme, the layout of the sidebar has a direct impact on page layout, module display and conversion efficiency.WoodMart Provides a powerful layout customization features, support for easy switching the position of the left and right sidebar, and even in different pages set differenta side-bar (in software)Location.

If you wish to change the sidebar from the right to the left or enable the sidebar only on certain pages, this tutorial will show you how to do it step by step.

I. Page level settings: switching left and right sidebars for individual pages

Operational Steps:

• Go to the list of pages in the backend and edit the page you need to change (e.g. store, blog, etc.)
• Scroll down to find the Layout
  • With left sidebar (Sidebar Left)
  • With right sidebar (Sidebar Right)
  • No sidebar (Full width)

• After selecting the layout you want, click "Update" in the upper right corner to save it.

Tip: This setting only affects the current page, and is suitable for personalizing the layout of the home page, store page, blog home page, etc.

Two,Blog PostsSetting the sidebar position

Single article:

1. As with pages, editing a particular article
2. Find it at the bottom of the page Sidebar
3. Set the layout to left or right sidebar

Overall blog archive page:

1. Backend → WoodMart → Theme Settings
2. go into Blog → Blog Layout
3. Set up the blog page layout:
   • Left Sidebar (Left Sidebar)
   • Right Sidebar (Right Sidebar)
   • Full Width (No Sidebar)

Third, the store page (Shop Page) settings

1. Backstage → WoodMart → Theme Settings
2. locate Shop → Shop Layout
3. set up Sidebar Position For:
   • Left
   • Right
   • Without Sidebar
4. Save Settings

This affects the layout structure of the entire store page and archive pages and is perfect for unifying the mall style.

Switching between page layouts using Elementor

If the page is edited via Elementor, it is recommended to be in Elementor:

• Click on Section at the top of the page.
• Select the two-column structure in the "Layout".

• Drag the "Sidebar" gadget to where you want to place it (left or right).

However, Elementor's free layout is not affected by WoodMart's page setup and is suitable for customizing pages.

Frequently Asked Questions (FAQ)

Q: What should I do if the sidebar is not displayed after switching?
A: Please make sure you have specified the sidebar content for the page or category in the backend widget and selected the correct layout structure.

Q: I want to have no sidebar on the home page, is it ok to have sidebars on other pages?
A: Absolutely, WoodMart supports each page to configure the layout individually.

Q: Does it support auto-hide sidebar on mobile?
A: Support, turn it on in the theme settingsresponsivecontrol, the sidebar will automatically move down or hide under mobile.

summarize

Whether it's a mall page, a category page, a blog or aCustomized pagesWoodMart provides an intuitive and flexible way to switch between left and right sidebar layouts. In just a few steps, you can easily adjust the layout according to the usage and visual design of the page, improving the overall aesthetics and usability.

If you wish to further personalize the sidebar content, you can also combine it with the Elementor, Widget plugins, or custom templates for more layout combinations.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off