Display product style

See photo attached, how to use woodmart – handmade theme to create?

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for reaching out!

To make sure we give you the exact steps and solution, could you please clarify a couple of details?

1. What type of content are you trying to list?
– Are you trying to list Brands/Manufacturers alphabetically (like a brand glossary)?
– Or are you trying to display actual WooCommerce Products (with images, prices, and Add to Cart buttons) divided into category tabs (like an AJAX Product Tabs grid)?

2. Example URL: Could you please share the live URL of the website shown in your screenshot? Once you provide these details, we will guide you step-by-step on how to set it up!

Best Regards

Our LIVE page isn’t up yet.
We want to have brands in alphabetical order.
But tabs to have category.

Hello,

The reference site you send is not using a standard dynamic WooCommerce widget. Instead, it is using a custom HTML Brand Glossary / Directory structure styled into flex columns.

To achieve something like this, edit the page with page builder which you are using and add the brand widget: https://postimg.cc/kBSkdgvb

When you click on the brand it will redirect to the corresponding brand like the example site, if you want to have each brand page with custom content like the example you need to create a custom layout for each brand page.

Further, you can read more about the Layout Builder here:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

Will this custom layout able to display products dynamically?
During testing phase, we are only using 5-10 brands, but once fully tested, we will load 50+.

Hello,

Yes, the custom layout can display products dynamically.

You can create a Brand Archive layout using WoodMart Layout Builder and add the product archive widget to display products assigned to the selected brand dynamically.

Once you add more brands and assign products to them, the products will be displayed automatically based on the brand association, so it will work with 50+ brands as well.

Best Regards

Check extra information with link to website.

Hello,

Please follow this guide and create it yourself, and if you face any issues, please let me know.
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards

[Author]

Posts