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

Hello Aizaz,

Thank you very much for your clear and helpful reply. We truly appreciate your detailed guidance, the screenshot, and the documentation link. Your support has been very helpful to us.

Best regards,
Jonathan

Hello,

I’m experiencing a display issue on the OEM/ODM Service page.

In the Elementor editor, the layout appears correctly. The first section is displayed in two columns, and the Our OEM/ODM Capabilities section is displayed in four columns.

However, when I preview or view the page on the front end, the layout changes unexpectedly. The two-column section becomes a single-column layout, and the four capability columns are also stacked vertically.

I have attached two screenshots for comparison:

The first screenshot shows the correct layout inside the Elementor editor.
The second screenshot shows the incorrect layout on the front end.

Could you please help me check why the Elementor layout is not being displayed correctly on the published page and advise how to fix it?

Thank you very much for your help and support.

Best regards,
Jonathan

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the Page URL where the issue persist? Also, share the WP login details so I can check on your site and give you a possible solution.

Best Regards

[Aizaz Imtiaz Awan]

Hello,

logins in private content area

Best Regards,
Jonathan

• This reply was modified 2 weeks ago by Aizaz Imtiaz Awan.

Hello,

Sorry to say that I am not able to log in or access the WP backend because you have activated maintenance mode and the default login URL redirects me to the maintenance page. So please send the correct WP admin login URL so I can further check on your site and give you a possible solution.

Best Regards,

[joanthan0077]

Hello Aizaz,

Thank you for your message.

Please find the WordPress admin login details below:

WordPress Login URL:
https://chargeroem.com/2225/

Temporary Admin Username:
JoanthanYu
Temporary Admin Password:
00402145yulei

This is a temporary administrator account created for you to check the website issue.

Please let me know if you are able to access the WordPress backend successfully, or if you still encounter any problems.

Thank you again for your help.

Best regards,
Jonathan

• This reply was modified 1 week, 6 days ago by joanthan0077.

Hello,

Please update the new version of the theme “WOODMART WordPress NEW: 8.5.5 RELEASED”, update the required plugin, and check the issue.
https://xtemos.com/docs-topic/update-the-theme/

If the issue remains, turn off all of the plugins not related to the theme, clear all types of cache, and check if the problem persists.

If the issue still remains, let me know, and I will further check and give you a possible solution.

Best Regards

Hello Aizaz,

Could you please confirm whether the WoodMart template requires Elementor Pro or any paid version of Elementor to work properly?

We are currently using the free version of Elementor, and I would like to make sure that upgrading to Elementor Pro is not required for the template or its layout features.

Thank you for your clarification.

Best regards,
Jonathan

Hello Aizaz,

Thank you again for your support.

We have now upgraded Elementor to Elementor Pro, but the display issue is still present.

The layout looks correct inside the Elementor editor, but when we preview or view the page on the front end, some sections do not display correctly. For example, multi-column layouts may appear as single-column layouts on the published page.

Could you please check the site again and help us identify what is causing this issue?

Thank you very much for your continued assistance.

Best regards,
Jonathan

Hello,

No, Elementor Pro is not required for the WoodMart theme to work properly. The free version of Elementor is fully compatible with WoodMart, and upgrading to Elementor Pro is not necessary for the theme layouts to display correctly.

Since you’ve already upgraded to Elementor Pro and the issue still persists, it appears that the problem is not related to Elementor Pro itself.

Could you please temporarily switch to a default WordPress theme (such as Twenty Twenty-Five) and check whether the issue still occurs? This will help us determine whether the problem is related to the theme or Elementor.

Please let us know the results, and we’ll continue investigating from there.

Best Regards.

[joanthan0077]

Hello Aizaz,

Does WoodMart provide any ready-made product detail page templates?

Best regards,
Jonathan

• This reply was modified 1 week, 1 day ago by joanthan0077.

Hello,

Yes, WoodMart provides ready-made Single Product page layouts.

You can use the Custom Layouts feature of WoodMart for the Single Product page and choose one of the predefined layouts according to your requirements.

Navigate to Layouts > Single Product, create a new layout, and select the predefined layout you want to use. You can then customize it further as needed.
https://postimg.cc/r0LSVfCH

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

Best Regards

Subject: Clarification About Products and Single Product Layouts

Hello Aizaz,

Thank you for confirming that WoodMart provides predefined Single Product page layouts.

We are currently using:

WooCommerce Products to create and manage individual products
WoodMart → Layouts → Single Product to create the product detail page structure
Elementor to edit the Single Product layout

However, we are still unclear about how the Products section and the Layouts section should work together.

When we create or edit a product under Products, including its title, product image, gallery, short description and category, no corresponding product layout appears automatically under Layouts → Single Product.

Our current understanding is:

The Products section stores the individual product content.
The Single Product Layout stores only the page structure.
The layout displays product data through dynamic elements such as Product Gallery, Product Title and Product Short Description.
The layout is assigned to products through Conditions.
A product created under Products should not automatically create a new layout.

Could you please confirm whether this understanding is correct?

We would also appreciate clarification on the recommended workflow for a B2B website with multiple products.

Should we:

Option A: Create one Single Product layout with the condition set to All Products, then manage each product’s title, gallery, short description and category only from the Products section?

Or:

Option B: Create a separate Single Product layout for every product and assign each layout using:

Include → Single Product ID → Specific Product

We also have several product-specific selling points, such as:

Power output
Port configuration
Plug type
Built-in cable
OEM/ODM availability

If these selling points are added as a normal Icon List inside the Single Product layout, the same text appears on every product.

What is the recommended WoodMart method for displaying different selling points for each product without creating and manually maintaining a separate layout for every product?

Finally, when we click Edit with Elementor directly from an individual WooCommerce product, Elementor sometimes shows the following message:

Sorry, the content area was not found in your page.

Should all product detail page structure editing therefore be done only through:

WoodMart → Layouts → Single Product → Edit with Elementor

and not through the individual product’s Edit with Elementor button?

Please confirm the correct and most efficient workflow so that we can avoid creating conflicting layouts or repeating unnecessary work.

Best regards,
Jonathan

Hello,

The Products section stores the product-specific data such as title, images, gallery, description, price, attributes, etc.).

The Single Product Layout defines only the page structure and displays the product data using dynamic widgets

A product created under Products does not automatically create a new Single Product layout.
The layout is assigned to products using Conditions.

For a B2B website with multiple products, we recommend Option A: create a single Single Product layout and assign it to All Products. Then manage each product’s content from Products.

For product-specific selling points, you should use product attributes, custom fields, or product meta instead of static Elementor content. This allows each product to display its own information while using the same layout.

If you are using the WoodMart Single Product Layout Builder, the product page structure should be edited from WoodMart > Layouts > Single Product. The individual WooCommerce product editor should only be used to manage the product content.

Best Regards

[Author]

Posts