A complete tutorial on building branded display and filter pages with WoodMart

WoodMart It can help you quickly build a perfect brand display area. Whether you run your own brand products or represent multiple brands, you can use it to realize brand categorization, display and filtering functions.

This article will detail the use of Created by WoodMartThe complete process of branding a page, including feature enablement, brand addition, page layout, and filter configuration.

I. Open the brand function module

By default, the branding feature is disabled after installation and needs to be enabled manually.

The procedure is as follows:

1. Login to WordPress Backend
2. Left menu click WoodMart → Theme Settings
3. locate Shop categorization
4. Check Enable Brands functionality
5. Click "Save Changes"

At this point, a new section called "Brands" will be added to the backend menu.

II. Adding brand information

All the brand data displayed on the brand page is added in this module.

Method of operation:

1. Go to the backstage menu → Products → Brands
2. Click on "Add New Brand".
3. Fill in the brand name
4. Add a brand description, which can be the brand background, philosophy or main product type
5. Upload brand logo (square or transparent PNG recommended)
6. To display the cover image, upload a banner image (to be displayed at the top of the branded leaflet)

Repeat the above steps to add multiple brands, save them and use them for page display.

III. Associating Brands to Commodities

In order for the front-end page to enable brand filtering and attribution display, the brand needs to be bound to each product.

Manner of operation:

• Go to Back Office → Products
• Edit any product

• Check the corresponding brand in the "Brands" module on the right side.

• Update Saved Products

Doing so allows users to see all the products under the brand when they click into the brand on the brand page.

IV. Creating branded collection pages

To give users access to all brands, you can create a dedicated brand showcase page. It is recommended to use the Elementor or the WPBakery editor for layout.

The steps are as follows:

• Backend → Pages → Add New

• Name it "Brand Zone" or "All Brands".
• Enabling the Elementor or WPBakery Page Editor

• increase "Brands" Widgets (courtesy of WoodMart)

• Setting the display method: optional Grid,Slider maybe List

• Customize brand logo size, number of columns, sorting, etc.

• Save and publish the page

This page can be used as a websiteBrand Navigationportal, which can also be linked to the top menu orfootersThe

V. Configuration brand screener (optional)

Want users to filter by brand on the product category page? You can add a brand filter to the sidebar.

Setting method:

• Backend → Appearance → Widgets
• Find the product page sidebar (usually "Shop Sidebar")
• Drag"WoodMart - Brand filter"to that sidebar

• Parameters such as the number of brands to be displayed and the display format can be set.

• Save Settings

The brand filtering feature is now visible on the front-end category page.

Sixth, optimize the brand single page display

everyonebrandingA brand detail page (similar to a category page) is automatically generated. You can add more information to these pages, such as brand introduction videos, banners, featured products, etc.

There are two approaches:

1. Adding descriptions and cover art when editing a brand
2. Using Elementor + WooCommerce PluginscustomizableTemplate files (for advanced customization)

VII. Suggested brand page structure

To improve presentation, it is recommended that page content be included:

• Large top image or promotional banner (introducing the brand story or platform concept)
• Brand Logo Grid, click on it to go to the detail page
• The brand profile is briefly displayed under the logo
• Optional features: brand filter bar, popular brand recommendation, brand information module, etc.

concluding remarks

WoodMart's branding module is very intuitive to use and does not require additionalInstallation of plug-ins, you will be able to realize brand management, front-end display, product filtering and other functions. If you intend to improve the image of your store, it is recommended to lay out this page carefully, and it will become an important part of your e-commerce website.

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