Home › Forums › WoodMart support forum › Support Request Regarding Billing Fields Layout Issue in WooCommerce

Support Request Regarding Billing Fields Layout Issue in WooCommerce

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 1, 2024 at 5:22 pm #618177

    Vucci
    Participant

    Hello,

    I am encountering an issue with the layout of the billing information fields in WooCommerce checkout while using the Woodmart theme. Below are the details:

    Current Situation
    ・I am using WooCommerce along with the Japanized for WooCommerce plugin to customize the billing fields layout for Japanese users.
    ・The plugin is expected to automatically arrange the fields in a Japanese layout (e.g., last name and first name fields, followed by “yomigana” fields, then country, postal code and state on the same line, city, street address, apartment name, phone number, and email address).
    ・However, the layout remains in the default (American-style), and some adjustments are not being applied.

    Actions Taken So Far
    1. Customization in functions.php:
    I attempted to rearrange the billing fields manually using PHP hooks (woocommerce_billing_fields) and JavaScript, but the issue persists.

    2. Checking for Theme Interference:
    ・I replaced the theme’s customized template (form-checkout.php) with the default WooCommerce template.
    ・The issue persisted, suggesting that the theme might override the fields in another way.

    3. Debugging Conducted:
    ・I verified that the WooCommerce checkout object (WC()->checkout) is correctly initialized.
    ・Logged the properties of the fields during checkout to confirm that the priorities are set correctly.

    4. Disabling Other Plugins:
    ・I tested with only WooCommerce and Japanized for WooCommerce enabled, but the issue remains unresolved.

    5. Theme-Specific Behavior:
    ・When temporarily switching to a default WordPress theme, the Japanized for WooCommerce plugin worked as expected, and the fields were arranged in the desired Japanese layout.
    ・This indicates that the Woodmart theme might be interfering with the layout or field order.

    Request for Support
    1. Could you verify if the Woodmart theme is overriding the WooCommerce billing fields (e.g., through CSS, JavaScript, or templates)?
    2. If an override exists, is there a way to prioritize the WooCommerce or plugin settings for the billing fields layout?
    3. Could you provide guidance on which specific files or settings might need adjustment to resolve this issue?

    Additional Information
    Theme Version: [8.0.1]
    WooCommerce Version: [9.4.2]
    Japanized for WooCommerce Version: [2.6.17]
    https://happinessdo.biz/wp-admin/plugin-install.php?tab=plugin-information&plugin=woocommerce-for-japan&TB_iframe=true&width=600&height=550

    Please let me know if further details or access to the environment are required for investigation. Your support would be greatly appreciated.

    Best regards,

    December 2, 2024 at 11:53 am #618348

    Artem Temos
    Keymaster

    Hello,

    Thank you so much for contacting our support center.

    To better assist you, could you kindly test the functionality with default WordPress themes such as TwentyTwenty or WooCommerce Storefront? This will help us determine whether the issue stems from our theme or elsewhere.

    Regards

    December 2, 2024 at 12:39 pm #618377

    Vucci
    Participant

    So, I just want to confirm that,
    if I change to another theme and then back to woodmart,
    will the settings change? That’s what I’m worried about.

    December 2, 2024 at 2:14 pm #618444

    Artem Temos
    Keymaster

    Hello,

    The only problem that may occur when you switch between themes in Appearance -> Themes is that widgets may lose their positions. It is a WordPress behavior and we are not able to fix this in our theme scope. Now, you need to go to Appearance -> Widgets and move all widgets to appropriate positions.
    As a workaround, you can backup your widgets configurations using this plugin https://wordpress.org/plugins/widget-importer-exporter/

    Regards

    December 3, 2024 at 11:33 am #618839

    Vucci
    Participant

    As a result of the test, the form layout for Japanized WooCommerce was successfully applied to Storfront.

    We confirmed that the settings for Japanized WooCommerce were hindered in Woodmart, resulting in an American-style layout.

    Specifically,
    the order below the country or region is different.

    The order that looks natural from a Japanese perspective is “Postal Code”(郵便番号) > “Prefecture”(都道府県) > “City/Ward”(市区町村) > “Street Address”(番地) > “Apartment Name, Room Number, etc.”(アパート名、棟名、部屋番号など(オプション)) > “Telephone Number”(電話番号) > “Email Address”(メールアドレス).

    This Japanized WooCommerce is like the official WooCommerce plugin in Japan.

    We would like you to support this plugin if possible, but even if that is difficult, we would appreciate it if you could give us some advice on how to set up this plugin so that its settings prevail when applied.

    December 3, 2024 at 11:57 am #618858

    Artem Temos
    Keymaster

    In this case, please send us your admin access so we can test both themes as well.

    December 3, 2024 at 12:41 pm #618882

    Vucci
    Participant

    I have already changed the theme back, but does that mean you will have to switch the theme and test it again?

    December 3, 2024 at 12:44 pm #618884

    Artem Temos
    Keymaster

    Yes, we need to check both themes to see the difference.

    Kind Regards

    December 3, 2024 at 12:55 pm #618896

    Vucci
    Participant

    Understood.

    We are currently putting the machine into maintenance mode with LightStart.

    December 3, 2024 at 12:56 pm #618897

    Vucci
    Participant

    Sorry for bothering you so much.
    It would be helpful if you could complete this as soon as possible.
    Thank you.

    December 3, 2024 at 3:28 pm #618972

    Artem Temos
    Keymaster

    Try to add the following PHP code snippet to the child theme functions.php file to fix this. Note that you will need to remove this code after theme update.

    add_action(
	'init',
	function () {
		if ( ! woodmart_get_opt( 'checkout_fields_enabled' ) && class_exists( 'XTS\Modules\Checkout_Fields\Frontend' ) ) {
			$checkout_fields = XTS\Modules\Checkout_Fields\Frontend::get_instance();

			remove_filter( 'woocommerce_get_country_locale', array( $checkout_fields, 'change_country_locale_country' ), 20 );
		}
	}
);

    Kind Regards

    December 3, 2024 at 5:19 pm #619032

    Vucci
    Participant

    Thank you!

    The problem has been solved perfectly!

    Also, thank you so much for providing an update on this issue! I’m so glad I purchased this theme and I’m so proud of it.

    December 4, 2024 at 10:38 am #619182

    Artem Temos
    Keymaster

    You are always welcome. Feel free to contact us if you have any further questions.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Support Request Regarding Billing Fields Layout Issue in WooCommerce’ is closed to new replies.