WoodMart Cart Layout Missing and Two Checkout Field Issues

Hello,

I am experiencing three issues and would appreciate your help resolving them.

**1. Books 2 Cart and Checkout Layouts Not Available**

I noticed that you recently added a new pre-built website called **Books 2**. I really like its Cart and Checkout designs and would like to use them on my existing website.

However, when I navigate to:

WP Admin → Layouts → Cart → Add Layout

I cannot find the Cart layout from Books 2 among the available options.

How can I import and use these layouts on my existing website without importing the entire pre-built website or affecting my current configuration?

**2. City Field Is Optional at Checkout**

The City field appears as optional on my checkout page, even though I have already configured it as a required field under the WooCommerce checkout fields settings in my WordPress admin dashboard.

Why is this setting not being applied, and how can I ensure that the City field is mandatory during checkout?

**3. Address Field Appears in French**

My website is in Arabic, and I have not configured any part of it to use French. However, the Address field on my checkout page displays the French label “Adresse”, and its placeholder is also in French.

I am unsure where this translation is coming from. Could you please explain why this is happening and how I can correct both the field label and placeholder so that they display in Arabic?

I would appreciate your help in identifying the causes of these issues and providing appropriate solutions without disrupting my existing website configuration.

Thank you for your support!

Attachments:

You must be logged in to view attached files.

Hello,

01. You can use the Partial Import feature to import individual pages of the Books prebuilt website without running the full demo import.

You can import it by navigating to WoodMart > Prebuilt Websites > Books 2 > Partial and importing the Checkout page.

Here is the documentation how to import: https://woodmarttheme.com/docs/partial-import/

02. I have checked your site and the city field is showing mandatory on your site in the checkout page.
See Screenshot for clarification: https://postimg.cc/VShK6YWk

03. I have checked your site and it is showing fine in Arabic.

See Screenshot for clarification: https://postimg.cc/JDJ5zjht

Please check back your site and check the issues after completely clearing the cache, If you have any questions feel free to contact us.

Best Regards

Hello,

Thank you for your documentation regarding the partial import feature.

I imported both the Cart and Checkout pages from Books 2, and both are marked as “Imported”. However, clicking “View” still takes me to the old website design, and neither page appears to have changed.

Could you please clarify why the imported designs are not being applied to my existing Cart and Checkout pages?

Also, regarding the French address field issue I reported earlier, it has now been fixed. Did you make any changes on your end that might have resolved this issue, or did it resolve itself?

Thank you for your assistance.

Hello,

I have checked your website and found that you are currently using custom Cart and Checkout layouts from the Christmas demo. This is why importing the Cart and Checkout pages from Books 2 has not affected the layouts currently displayed on your website.

Please try disabling the existing Cart and Checkout layouts from WoodMart > Layouts and then check the pages again. This should allow you to verify whether the imported Books 2 designs are being applied.

Regarding the French address field issue, I have not made any changes to your website related to this issue from my end. It may have been resolved by a cache refresh or another change on your website.

Please let us know if you need any further assistance.

Best Regards

Hello,

Thank you for checking my website and explaining the issue.

I disabled the existing Cart layout, and the imported Books 2 Cart design is now working correctly.

However, when I navigate to **WoodMart → Layouts**, I find three different layouts related to Checkout, and I am not sure which one I should disable to allow the imported Books 2 Checkout design to take effect.

Could you please help me identify which layout I should disable? I would prefer not to disable the wrong one and affect other parts of my website.

Thank you for your assistance.

Hello,

I have disabled the existing Checkout layouts on your website and the books 2 checkout page showing correctly. Please check your checkout page now and confirm whether the imported Books 2 Checkout design is displaying correctly.
If you encounter any further issues, please let us know.

Best regards

Hello,

First of all, thank you for your previous assistance. I really appreciate your help in resolving the Cart and Checkout layout issues.

I have a few additional questions and would appreciate your guidance on the following points:

1\. Restore the Logo and Header on the Checkout Page

I noticed that the logo at the top of my Checkout page is no longer visible. I am not sure how or when it was removed.

Could you please explain how I can restore the logo and make the website header appear on the Checkout page as well?

2\. Phone Number Validation at Checkout

I would like to control the phone number format accepted by the Checkout form instead of allowing customers to enter any number.

Since my store operates in Morocco, I would like the phone field to accept the following formats:

– 10 digits starting with 05, 06, or 07, with or without spaces between the digits.
– International format starting with +212, followed by the remaining 9 digits.
– International format starting with 212, followed by the remaining 9 digits.

All formats should be accepted with or without spaces, while invalid phone numbers should be rejected.

Is there a built-in WoodMart or WooCommerce setting that allows this type of validation? If not, what would be the recommended way to implement it?

3\. Remove the Divider Between Privacy Policy and Terms & Conditions

On the Checkout page, there is a horizontal divider separating the Privacy Policy section from the Terms & Conditions checkbox.

As shown in the attached screenshot, I would prefer these two sections to appear together as one continuous section, without the divider between them.

How can I remove this divider?

4\. Customize the Text on the Thank You Page

I would like to change the highlighted text on my Thank You page, as shown in the attached screenshot.

Is there a way to edit this text directly through WoodMart or WooCommerce settings, without using the Loco Translate plugin?

5\. Unexpected Behaviour When Registering and Logging In

I noticed an unusual issue while testing the registration and login process:

– I tried creating a new account using an email address that was already registered on my website. The system correctly prevented the registration and informed me that I needed to log in instead.
– I then tried to log in using the same email address by copying and pasting it into the email field.
– At that point, an unexpected glitch occurred, as shown in the attached screenshot.

Could you please investigate this behaviour and let me know what might be causing it?

I have attached screenshots wherever necessary to illustrate these issues.

Thank you again for your time and continued support.

Attachments:

You must be logged in to view attached files.

Hello,

01. You are using the custom header on your site for the checkout page, Woodmart theme provides the option to create different headers for different pages:
https://woodmarttheme.com/docs/assign-headers-to-pages-and-content-

You can check the custom header for a checkout page via the page settings and add the logo from WoodMart > Header Builder or change it to the default header.
https://woodmarttheme.com/docs/page-settings/

02. WooCommerce and WoodMart do not provide a built-in setting to configure custom phone number validation with the specific Moroccan formats you described.

To achieve this, you would need to implement custom validation for the checkout phone field. This can be added through a child theme or a custom plugin to ensure that invalid phone numbers are rejected when customers submit the checkout form. It would require customization and out of theme support policy.

03. Try to add this following custom css code in Theme Settings > Custom CSS:

/* Remove divider line between Privacy Policy and Terms & Conditions */
.woocommerce-checkout-payment .woocommerce-privacy-policy-text:not(:last-child) {
    border-bottom: none !important;
}

4. The text عنوان الفاتورة (Billing Address) is a default core WooCommerce string, so there isn’t a direct text field in Theme Settings to edit it. However, if you want a simple solution without installing extra plugins, you can add a short PHP code snippet using the gettext filter in your child theme’s functions.php file to replace the string directly. Second, if you prefer a visual interface, you can quickly locate and translate the phrase using the Loco Translate plugin under the WooCommerce plugin translation strings.

Here is the guide how to translate it: https://woodmarttheme.com/docs/translate-woodmart-with-loco-translate/

5. Could you please check how it works with some default WordPress themes like TwentyTwenty-Five or WooCommerce Storefront to understand if it is our theme issue or not?

Best Regards

Hello WoodMart Support,

I have two questions regarding my FitraBooks website.

1. Importing a Categories Section from Another Demo

On my homepage, I have a categories section. I would like to use a categories section from another WoodMart demo without importing the entire demo or replacing my existing homepage.

What is the correct way to import or copy only that section from another demo into my current homepage while preserving the rest of my design?

2. Assigning a Header to the Checkout Layout

I have already created a dedicated Checkout header in WoodMart → Header Builder.

However, my Checkout page is built using WoodMart → Layouts → Checkout, rather than being controlled entirely through the regular WordPress page settings. Therefore, changing the header settings under Pages → Checkout did not affect the Checkout page.

How can I assign the existing Checkout header from Header Builder to my Checkout layout? Could you please provide the exact steps and indicate where this setting is located?

Thank you for your assistance.

Hello,

01. You can do this without changing your current homepage:

Option A: Template Library

• Open your homepage in Elementor, click XTemos Templates, search for categories, and insert a suitable section.

Here is the documentation:https://woodmarttheme.com/docs/template-library/

Option B: Partial Import

• Navigate to WoodMart > Prebuilt Websites > Partial for your desired demo.
• Uncheck Preset and import the Home page. This creates a separate page without replacing your homepage.
• In Elementor, copy the categories section from the imported page and paste it into your current homepage.
• Update the images or category settings if needed, then delete the imported page

Here is the documentation:https://woodmarttheme.com/docs/partial-import/

02. You don’t set the header in the Checkout layout itself. You need to edit the checkout page and in the bottom of the page settings of the checkout choose the page then it will work on the checkout page.

If not working on your site, Your previous login not working, share your site’s WP-Admin login details so we can check this concern on your site and help you out.

For your security, please don’t post the credentials directly here. Instead, use our secure sharing service: https://secret.xtemos.com/

Enter your login details there, generate the secret link, and share it with us in this topic. The link can only be opened once, so your data stays private and isn’t stored on our server.

Best Regards,

hello, just use the same previous login, I changed the role from customer to admin

Hello,

I noticed that your checkout page uses a theme preset with a custom header named “Checkout Header.” I edited this header and added the logo image, which is now displayed on the checkout page.

See the screenshot for clarification: https://postimg.cc/kVwytcGT

Please check your website and replace the logo with your original image if needed.

Best Regards

Thank you. I have now uploaded the correct logo, and I have also enabled the sticky header option, although I don’t think it is working properly.

More generally, I would like to understand WoodMart’s structure and how its pages work, so I can avoid having to contact you repeatedly about these kinds of issues.

Sometimes, I go to WordPress → Pages → All Pages, select the page I want to edit, and encounter a warning telling me that the content should not be edited there.

Other times, I go to WordPress → Layouts and select the relevant page or layout.

On other occasions, I navigate to WoodMart → Prebuilt Websites → Partial, import a section, but then I am not sure where to find it or how to customize it afterwards.

And sometimes, I go to Theme Settings, find the relevant section, locate an HTML Block, and click Edit This Block.

There seem to be several different ways to manage and edit the website, and this makes the whole process quite confusing. I feel that I will keep running into problems and needing your assistance every time I want to make even a small change.

Is there any documentation or guide that explains WoodMart’s overall structure, how its different components work, and where each part of the website should be edited?

For example, if you visit /cart page when the cart is empty, you will notice that some of the text is still in English. I am not sure where I should translate it: through Loco Translate, Elementor, or somewhere else.

At the moment, I feel that I don’t have a clear understanding of how the different parts fit together or where I should go to manage them. I would really appreciate a clear explanation or documentation that would help me manage the website independently and avoid unnecessary back-and-forth communication.

Hello,

Thanks for the update. We’re glad the logo is showing correctly now.

1. Sticky header

Your checkout page uses its own header, “Checkout Header”, so the sticky options need to be enabled in that header specifically. Enabling them in your default header won’t affect the checkout page. Navigate to WoodMart > Header Builder, edit “Checkout Header” and configure sticky options:

Please follow this guide about sticky header:
https://woodmarttheme.com/docs/header-settings/#sticky-header-settings

2. How WoodMart is organized

Each part of the website is managed in one specific place. Here’s a simple map:

– Pages > All Pages: regular content pages such as the homepage, About Us, and Contact. You edit their content with Elementor. At the bottom of each page, you’ll also find WoodMart page settings, such as the header used on that page.

– Layouts: templates for WooCommerce pages and other dynamic pages: Cart, Empty cart, Checkout, Thank you page, My account, Single product, Shop/archive, blog and more. When a layout is published, it controls how that page looks instead of the page content. This is why you see a warning when you open the Cart or Checkout page under Pages.
Their design should be edited in Layouts. The cart has two separate layouts: Cart for when there are products in the cart and Empty cart for when it’s empty.

Documentation: https://woodmarttheme.com/docs/cart-page-builder/ and https://woodmarttheme.com/docs/checkout-page-builder/

– WoodMart > Header Builder: all headers. One header is the default for the whole website. Other headers can be assigned to individual pages (in the page settings) or through a Theme Settings preset. Your checkout page uses the preset method.

– Theme Settings: global options such as colors, typography, shop and cart options, footer and Custom CSS.

– Theme Settings presets (WoodMart > Theme settings presets): they override some global settings only on certain pages. For example, a page imported from a demo with the Preset option enabled gets its own preset. If a setting seems to have no effect on a specific page, check whether a preset applies to that page. Documentation: https://woodmarttheme.com/docs/theme-settings-presets/

– HTML Blocks: reusable content sections, such as the footer, mega menus and banners. When you edit a block, every place that uses it updates automatically. That’s why Editing this block in Theme Settings takes you there. Documentation: https://woodmarttheme.com/docs/html-blocks-usage/

– Prebuilt Websites > Partial: this only imports content. An imported page becomes a normal page under Pages > All Pages, and you edit it with Elementor there. Imported Cart and Checkout pages are applied to your existing WooCommerce pages. Imported layouts appear under Layouts. Documentation: https://woodmarttheme.com/docs/partial-import/

A quick rule of thumb: for WooCommerce pages, look in Layouts first. For regular pages, use Pages. For the header, use Header Builder. For anything global, use Theme Settings.

3. Translating text (e.g. the empty cart page)

– If the text is typed into an Elementor widget in a layout or page (titles, headings, buttons you added), edit it directly in Elementor. For the empty cart, that is your Empty cart layout under Layouts > Cart, if you have one published.

– The empty cart message itself can be changed in Theme Settings > Shop > Cart > Empty cart text. Note that this option only applies when no Cart layout is used.

– Built-in text that you can’t edit in Elementor or Theme Settings comes from WooCommerce or WoodMart. You can translate it with Loco Translate. Under Themes > WoodMart you’ll find theme strings, and under Plugins > WooCommerce you’ll find WooCommerce strings. Documentation: https://woodmarttheme.com/docs/translate-woodmart-with-loco-translate/

If you can’t find a specific string, just let us know the exact text and the page where it appears, and we’ll tell you where it comes from.

The full documentation is available here: https://woodmarttheme.com/docs/

Best Regards

Hello,

Thank you for your detailed explanation of WoodMart’s structure and how its different components work. I appreciate it, and I will review the documentation later.

1\. Sticky Header

I have already enabled and configured the Sticky Header directly under WordPress → WoodMart → Header Builder → Checkout Header, as you suggested. However, it still does not seem to work properly on the Checkout page.

2\. Theme Settings Presets

I understand that presets can override global theme settings on specific pages, but how can I identify exactly which preset is currently applied to a particular page?

For example, if I want to modify the Cart, Checkout, or Thank You page, how can I determine which preset is controlling it and where I should make the changes?

Is there a way to see which preset is assigned to each page?

3\. Empty Cart Page — Practical Example

I have attached screenshots to illustrate the confusion I am still experiencing.

When I visit the Cart page with an empty cart, some text remains in English:

– “Your cart is currently empty”
– “You might also like…”

I tried the following:

– WoodMart → Theme Settings → Shop → Cart: I found a warning stating that my Cart page uses the WooCommerce Cart block and that the settings below only apply to the classic shortcode-based cart.
– Loco Translate → Plugins → WooCommerce: I searched for “Your cart is currently empty” and found that the strings are already translated into Arabic, yet the English text still appears on the page.
– WoodMart → Layouts → Cart: I found only one active layout named “Cart layout — Elementor”. I could not find a separate “Empty Cart” layout.

So, in this specific situation, where exactly should I go to translate or customize these texts?

Are they controlled by the WooCommerce Cart block, the WoodMart Cart layout, a Theme Settings preset, Elementor, or another component?

I would appreciate it if you could use this Empty Cart example to explain the exact steps for identifying which component controls a particular element and how to edit it.

Thank you again for your assistance.

Attachments:

You must be logged in to view attached files.

Hello,

1. Sticky header on the Checkout page

The header has two sticky modes, and they work differently:

– Sticky header clone: In the “Checkout Header” settings, under the Sticky header tab, this shows a fixed one-row header with the logo, main menu, search and cart. When the clone is enabled, the Make it sticky option on individual rows has no effect.
– Sticky rows: Keep Sticky header clone disabled. Open Edit settings for each row that should stay visible, enable Make it sticky and set the Row height on sticky header.

After changing anything, click the Save header and clear your cache. If it still doesn’t work, please describe what happens when you scroll (for example, nothing becomes sticky, or the wrong elements show). We’ll then check it using the access you already provided.

Guide: https://woodmarttheme.com/docs/header-settings/#sticky-header-settings

2. Finding which preset applies to a page

Go to WoodMart > Theme settings presets. Every preset is listed there, and the rules for where it applies are in its conditions:

Documentation: https://woodmarttheme.com/docs/theme-settings-presets/

3. Your Cart page has two separate parts:

– Layouts > Cart: Your published “Cart layout — Elementor” replaces the page content when there are products in the cart. WoodMart uses a separate layout type called Empty cart for an empty cart, and you don’t have one yet.
– The Cart page content: The page is built with the WooCommerce Cart block, which is why the Theme Settings > Shop > Cart options don’t apply to it. Without an Empty cart layout, you’re seeing the empty-cart content from WooCommerce instead of a WoodMart layout. Your Loco Translate translation exists but isn’t shown, which usually means the text isn’t coming from the translation files.

The simplest way to control these texts is to create an Empty cart layout:

1. Go to Layouts > Cart and click to add a new layout.
2. Select Empty cart as the layout type, enter a name, and choose a predefined design or a blank layout.
3. Add the Empty cart element, which shows the empty-cart message and the return-to-shop button.
4. Add any headings, text or product sections you want around it, written in Arabic, directly in Elementor.
5. Publish the layout, clear your cache, and check the cart with no products in it.

Documentation: https://woodmarttheme.com/docs/cart-page-builder/

Best Regards,

[Author]

Posts