Hello WoodMart Support Team,

I recently purchased and installed the WoodMart theme for my website. My business is a B2B manufacturer of phone chargers and power banks, mainly for OEM/ODM customers.

After browsing the prebuilt websites, I noticed that many demos seem to use a one-page structure where menu items such as Services, About Us, Pricing, etc. scroll to sections on the homepage instead of opening separate pages.

I would like to ask a few questions before I continue building the site:

Is this one-page navigation structure the default design for some WoodMart demos, or did I miss any setting during the demo import?
Can these demos be converted into a traditional multi-page website structure, for example:
Home
Products
OEM/ODM Service
Quality Control
About Us
Blog
Contact Us
For a B2B manufacturer website, is it better to use a Corporate / Service demo and manually create separate pages, or should I use an Electronics / Accessories demo and remove the retail shopping features?
Is there any recommended WoodMart demo or setup method for a B2B product catalog website, where the focus is on product display, specifications, and inquiry forms rather than shopping cart and checkout?
Can WoodMart support a catalog-style B2B website where prices, cart, wishlist, and checkout are hidden, and buttons are changed to “Request a Quote” or “Send Inquiry”?

My goal is not to build a retail store, but a professional B2B manufacturer website for international buyers. I would appreciate your advice on the best demo, structure, and settings for this use case.

Thank you.

Best regards,
Jonathan

Hello,

Some WoodMart demos are designed as one-page websites, where menu items scroll to sections within the same page using anchor links. This is intentional and not related to any missing import settings.

Yes, these demos can be converted into a traditional multi-page structure. You can create separate pages and assign them to your menu items instead of using anchor links.

For a B2B manufacturer website, you can choose any demo that best matches your preferred design. An Electronics demo can also be used if it suits your brand, and unnecessary e-commerce features can be disabled.

You can hide cart, wishlist, compare, and checkout functionality using built-in theme options. Additionally, you can replace purchase actions with “Request a Quote” or “Send Inquiry” buttons using a suitable third-party plugin.

Best Regards

Hello WoodMart Support Team,

Thank you for your previous reply.

I would like to clarify one more important point before I continue building my website.

You mentioned that the one-page demos can be converted into a traditional multi-page structure by creating separate pages and assigning them to the menu items instead of using anchor links.

Does this mean that I need to manually create and design those separate pages myself, such as Products, OEM/ODM Service, Quality Control, About Us, and Contact Us?

Or does WoodMart provide ready-made inner page templates for these pages within the selected demo?

My concern is that the demo I selected looks good on the homepage, but it seems to mainly be a one-page landing page. It does not appear to include separate page templates for About Us, Services, Contact, Products, etc. If I need to build all these pages manually, then this demo may not be the most suitable option for my project.

My website is for a B2B manufacturer of phone chargers and power banks. I need a more traditional multi-page B2B website structure, for example:

Home
Products
Product Categories
OEM/ODM Service
Quality Control
About Us
Blog
Contact Us

Could you please advise:

Are there WoodMart demos that already include a more complete multi-page structure with separate About, Contact, Blog, Shop/Product, and Service pages?
How can I identify which demos are one-page demos and which demos are traditional multi-page demos before importing them?
If I already imported a one-page demo, can I import or reuse inner page templates from another WoodMart demo without importing the whole demo again?
For a B2B manufacturer/product catalog website, which WoodMart demo or demo type would you recommend as the best starting point?
If I want to build a B2B catalog-style website, should I start from an Electronics/Accessories demo with product pages, or from a Corporate/Service demo with a business layout?

My goal is not to build a retail store, but a professional B2B manufacturer website with product display, company information, quality control, OEM/ODM service, and inquiry forms.

Thank you for your guidance.

Best regards,
Jonathan

Hello,

Thank you for your detailed question.

Yes, if a demo is designed as a one-page website, you will need to create the additional pages yourself. However, WoodMart provides many ready-made templates that can help speed up the process.

You can find and import page templates from WoodMart > Prebuilt Websites > Additional Pages, including templates such as About Us, Contact Us, and others.

Also, you can use the theme template library and import the relevant templates you want, and use it on your site. https://xtemos.com/docs-topic/templates-library/

For a B2B manufacturer website, you can start with any demo that best matches your preferred design. Both Electronics and Corporate demos can be suitable depending on your needs.

If your goal is to build a catalog-style website, you can enable Catalog Mode in Theme Settings to hide add to cart, cart, and checkout functionality. For Request a Quote or Inquiry features, you can use a suitable third-party plugin.

Best Regards

Hello,

Thank you for your previous reply.

I am currently customizing the homepage icons and images. I noticed that the section background is not pure white, so some uploaded icons with white backgrounds may look slightly different from the page background.

Could you please let me know the exact background color code of this section?
For example, is it pure white #FFFFFF, or a light gray color such as #F7F7F7?

This will help me prepare icon images with a matching background color and avoid visible color blocks.

Thank you.

Best regards,
Jonathan

Hello,

Could you please share a screenshot highlighting the exact section background you are referring to? This will help us better understand your question and identify the correct background color.

Also, please share your WP Admin login details in the Private Content field so that we can check the section directly on your website and assist you accordingly.

Best Regards

Hello,

I am currently customizing the Corporate / Business homepage template, and I would like to ask about the background color used in the logo/gallery section.

In this section, there are several logo images such as Microsoft, Matic, Slack, Figma and Sketch. The background behind these logos appears to match the dark section very well.

Could you please let me know the exact background color code used for this area?
For example, the HEX color value such as #000000 or another dark color code.

I would like to create new certification logo images with the same background color, so they can match the section perfectly.

Thank you for your help.

Best regards,
Jonathan

Hello,

Thank you for your reply.

Sorry for the confusion. The section I am referring to is not the dark logo/gallery section.

Please see the attached screenshot. I would like to ask about the light background color behind the service icons in this section, such as the icon background behind “Custom Projects”, “Fast Charging Products” and “Global Buyer Support”.

Could you please let me know the exact HEX color code used for this light background?

I want to create or adjust new icons with the same background color, so the visual style can remain consistent across this section.

Thank you for your help.

Best regards,
Jonathan

Attachments:

You must be logged in to view attached files.

Hello,

Sorry, I forgot to attach the screenshot in my previous message.

Please see the attached image. This is the section I was referring to.

I would like to know the exact background color code used behind the service icons in this section, so that I can create new icons with a matching background color.

Thank you for your help.

Best regards,
Jonathan

Attachments:

You must be logged in to view attached files.

Hello,

I checked the section you are referring to. The service icons themselves are SVG images with a transparent background—they do not have any background color applied.

The background you see behind the icons comes from the container’s background image, not from a solid background color. Therefore, there is no single HEX color code (such as #FFFFFF or #F7F7F7) used behind the icons.

If you are creating new icons, we recommend using SVGs with a transparent background so that they blend seamlessly with the section background image, just like the original demo icons.

Best Regards

Hello,

Thank you for your explanation.

I understand that the icons are transparent SVGs and the background comes from the container background image.

However, I would like to create new custom icons that visually match the original demo icons in this section.

Could you please help confirm the following?

What is the exact SVG fill color or gradient used for the original service icons?
Are there any CSS effects applied to the icons, such as opacity, filter, shadow, or blend mode?
Could you please tell me the original icon size used in this section?
Is it possible to provide one of the original demo SVG icon files as a reference?

My goal is to create new transparent SVG icons that match the original design style as closely as possible.

Best regards

Hello,

The demo service icons are standard SVG files with a transparent background. They do not use any special CSS effects such as opacity, filters, shadows, or blend modes. Their appearance comes directly from the SVG files themselves.

The icon size is controlled by the widget settings and can be adjusted as needed.

Regarding the original SVG files, I’m sorry, but we are unable to provide the source SVG assets separately. However, if you have imported the demo content, the SVG files are available in your Media Library. You can inspect those files to check their dimensions, colors, and other properties, and use them as a reference when creating your own custom icons.

Best Regards

Hello,

I would like to replace the three background images in the homepage banner slider.

The homepage is using the following slider:

Corporate-2 slider

I can open and edit each slide with Elementor, and I can modify the title, description and button. However, I cannot find where the full-width background image of each slide is set.

Could you please tell me the exact path or setting for replacing the background image of each slide?

My current website setup is:

WordPress
WoodMart theme
WoodMart Child theme
Elementor
Corporate-2 slider

A screenshot of the current editing page is attached for reference.

Thank you.

Best regards,
Jonathan

Attachments:

You must be logged in to view attached files.

Hello,

Please navigate to Slides > Edit the slide in Elementor > From the Elementor page settings, check the slide settings and change the background image.

See Screenshot for better understanding: https://postimg.cc/D8TDZsBr

Please read the documentation for more details https://xtemos.com/docs/woodmart/woodmart-slider/

Best Regards

[Author]

Posts