To open layout builder, please click Wolmart > Layout Builder menu in admin’s main menu. Then, you can see some layouts already added by the theme.

Global layout affects all pages.

If you set header, or footer in global layout, then all pages have its header and footer.

Each layout affects pages belong to its display condition.

If you set left sidebar and inner top block in shop layout, you can get the next result.

Layout Categories

Layout categories are groups of layouts divided by display condition. Learn how to create.

• All Layouts – Show all layouts.
• Home – Show layouts applied for only home page.
• Shop – Show layouts applied for only product archive pages such as shop page, product category pages, product tag pages.
• Blog – Show layouts applied for only post archive pages such as blog page, post category pages, tag pages.
• Search – Show search layouts applied for only search pages.
• Page – Show page layouts applied for only real pages.
• Product Detail – Show page layouts applied for single product pages.
• Post Detail – Show page layouts applied for single post pages.
• 404 Page – Show 404 page layout (well known as “page not found”)

Page Layout

Page layout is a set of options about used blocks, sidebars. And it affects pages belong to its display condition.

The post What is Wolmart Layout Builder? appeared first on Documentation.

All In One Place
You can design your website pages layout in one place!

Please see Demo 8. It’s shop page has left sidebar and top block with global header.

Please see Demo 9. It’s shop page has left sidebar and inner top block with global header.

Please see Demo 11. It’s shop page has horizontal filter widgets and top block with global header.

Please create your awesome shop pages or blog pages with Wolmart Layout Builder!

The post Why Wolmart Layout Builder? appeared first on Documentation.

Step 2. Please click rectangle with plus button.

Step 3. Then a new shop layout has been created! Please click Save Layouts button to affect website. You can set options and display condition for the layout.

The post How to create a layout? appeared first on Documentation.

Step 2. Choose your display condition where you want to apply the layout. All shop pages will apply the layout to shop page, and all product archive pages such as product category pages, product tag pages.

Step 3. You can choose specific category pages if you want apply the layout to them.

Finally, please click Save Layouts button.

The post How to add condition to layout? appeared first on Documentation.

1. General Settings

• Wrap – Option that wrap the site with container(boxed), container-fluid(wide) or nothing(full).
• Popup block – Block that appears as a popup modal after page load.
• Popup delay – Delay period of popup block’s appear animation in seconds.
• Top notice block – Block that appears on top of the site for notice purpose.

2. Header

• Header – The header block

3. Page Header

• Page title bar – Block that can be used instead of theme’s page title bar.
• Page title – Page title of current layout.
• Page subtitle – Page subtitle of current layout.
• Show breadcrumb – Option to show or hide breadcrumb.
• Breadcrumb wrap – Option that wrap breadcrumb with container(boxed), container-fluid(wide) or nothing(full).

4. Top Block

Block which will be shown below the page title bar, and above the sidebar.

5. Horizontal Filter

Available in only shop layout. The selected widgets will be shown horizontally in one line.

6. Left Sidebar

• Sidebar – Sidebar which will be shown in left sidebar.
• Sidebar Type – Type of the left sidebar, one of classic or off-canvas mode.
• Sidebar Width – The width of the left sidebar, with any valid unit.

7. Right Sidebar

• Sidebar – Sidebar which will be shown in right sidebar.
• Sidebar Type – Type of the right sidebar, one of classic or off-canvas mode.
• Sidebar Width – The width of the right sidebar, with any valid unit.

8. Inner Top Block

Block which will be shown above the content, and beside the sidebar.

9. Content

Content options are various for each layout categories. Please see meta options in layout builder.

10. Inner Bottom Block

Block which will be shown below the content, and beside the sidebar.

11. Bottom Block

Block which will be shown below the sidebar, and above the footer.

12. Footer

The footer block.

The post Layout Builder Options appeared first on Documentation.

1. Shop Layout

• Products Column – Column number of products for current products archive layout.
• Load More – The type of load more in products archive layout, one of pagination, button, scroll.
• Products Count Select – Count numbers string joined with comma.

2. Blog Layout

• Post Type – The type of posts, one of simple, mask, list.
• Posts Layout – The layout of posts, one of grid, masonry.
• Posts Column – Column number of posts for current posts archive layout.

3. Product Detail Layout

• Single Product Type – The type of single product page, one of default, vertical thumbs, horizontal thumbs, grid images, masonry, gallery, sticky information, sticky thumbs, left & right sticky, use builder. If you choose use builder, the you can build the single product page with page builder!
• Product Data Type – The layout type of product data, one of tab, accordion, section.

4. 404 Page Layout

• Error Block – Content block that will be used as “page not found” notice in 404 page.

The post How to setup meta options using Layout Builder? appeared first on Documentation.