Return to previous page

How can I customize the checkout page of my site

This topic has 10 replies, 3 voices, and was last updated 2 months, 2 weeks ago ago by Andrew Mitchell

Ve01

Participant

August 21, 2024 at 11:18

Hi

There are 3 problems in the checkout page of my site.
1.How can I customize the “country” in the “country/rigion” dropdown menu? My shipping zone is not the worldwide, so I only need the country below display in the dropdown menu.

2.I set up 2 shipping methods in woocommerce , however in the shipping method section now only display one shipping method, the other one can’t display. This issue appears recently, before there was no problem with the shipping method display. For example, I will share you the shipping method of France screenshot in attachment.
3.How can I customize the text font size in “subtotal”/”shipping”/head and the “shipping method”content ? I want to adjust them as 10px.

Please help me resolve the issues.

Thank you

Files is visible for topic creator and
support staff only.

#411001 Copied Theme version: 9.3.17

9 Answers
Luca Rossi

Support staff

August 22, 2024 at 07:05
Hello @vera,

Thank you for reaching out to us with your concerns regarding the checkout page on your site. We understand how important it is to have a smoothly functioning checkout process, and we are here to assist you with the issues you’ve encountered.

1. **Customizing the “Country” Dropdown Menu:**
To customize the countries listed in the “country/region” dropdown menu to only display France, Austria, Belgium, and Germany, you can achieve this by adjusting the shipping zones settings in WooCommerce. Here’s how you can do it:
– Go to WooCommerce > Settings > Shipping.
– Click on the shipping zone that you want to modify.
– Under “Zone regions,” you can specify the countries that should be included in this zone.
– Save your changes.

2. **Issue with Shipping Methods Display:**

– We advise disabling all third-party plugins that are not included with the XStore theme. You can view a list of the included plugins here: https://www.8theme.com/documentation/xstore/plugins/included-plugins/. After deactivating these plugins, please clear your browser’s cache and verify if the issue still persists. This is an important step as third-party plugins can often lead to conflicts.

– If the problem continues, please keep all third-party plugins deactivated and grant us permission to debug your site. This includes deactivating any on-site customizations. This measure will enable us to conduct a thorough investigation and provide you with the necessary assistance.

3. **Customizing Text Font Size:**
To customize the font size of the text in the “subtotal,” “shipping,” header, and “shipping method” content to 10px, you will need to add some custom CSS to your theme:
– Go to XStore > Theme Options > Theme Custom CSS > Global CSS:
– Add the following CSS code:
```
.woocommerce-checkout .shop_table .cart-subtotal th, 
.woocommerce-checkout .shop_table .shipping th,
.woocommerce-checkout .shop_table .shipping td,
.woocommerce-checkout .shop_table .shipping td label {
   font-size: 10px;
 }
```
– Publish the changes.

Please try the above solutions, and let us know if you encounter any further issues or if there is anything else we can help you with. Your satisfaction is our priority, and we are committed to ensuring that your site functions perfectly.

Best Regards,
8Theme’s Team
#411085 Copied
Ve01

Participant

August 22, 2024 at 10:45

Thanks for your resopnse.

1. **Customizing the “Country” Dropdown Menu:**
I reset the woocommerce shipping zone and add only European countries in the shipping zone following your instructions. However, in the dropdown menu, all over the world countries still dispaly.

2. **Issue with Shipping Methods Display:**
I disabled all the third-party plugins except two shipping method plugins-“Colissimo shipping methods for WooCommerce “and “WCMultiShipping”. The Colissimo is a French carrier, I need this shipping method display correctly. I also cleared the catches of both site and browser, it doesn’t work. And I set the Colissimo shipping method as ” deliver to home” in the woocommerce shipping setting. I set the WCMultiShipping method as ” point relays”. Now , only “Relay Point” can display. On August 6, I tested “deliver to home” shipping method and there was no problems with it. You can find the order example of “deliver to home” shipping method.

3.New issue:
At the same time, I noticed there is user-login bug in my site. The error message “Your theme (so-style-02) contains outdated copies of some WooCommerce template files. ” (xstore/woocommerce/global/form-login.phpversion 7.1.0 is deprecated. Kernel version is 9.2.0, xstore/woocommerce/myaccount/form-login.phpversion 7.0.1 is obsolete. Kernel version is 9.2.0)
dispalyed in my woocommerce admin pannel. I suppose it will affect the customer information input in the check out page . Could you help me resolve this issue? You can find the details in attachment.

Thank you

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#411136 Copied

Luca Rossi

Support staff

August 23, 2024 at 08:07

Dear Vera,

We hope this message finds you well. We would like to request your assistance with a few important matters regarding your site:

1. Please make the necessary changes under these settings: [https://prnt.sc/pS7jspy_saF](https://prnt.sc/pS7jspy_saF)

2. Could you kindly grant us permission to debug your site? This process will involve deactivating any customizations currently in place. This step is crucial for us to conduct a comprehensive investigation and ensure we provide the most effective support.

3. We are pleased to inform you that the issue you encountered has been resolved in the latest versions of the XStore theme and XStore Core plugin(https://xstore.8theme.com/update-history/). Could you please proceed with updating these at your earliest convenience?

Thank you for your attention to these matters. We look forward to your prompt response.

Best regards,
The 8Theme Team

#411262 Copied

Ve01

Participant

August 23, 2024 at 09:22

Hi

Thanks for your response.

1. The screen shot about the settings has been removed now. I can’t find the image.

2. Yes, You can debug my site. Please help me investigate this issue.

3. I have updated the plugin and now the issue was resolved.

Thank you

#411288 Copied

Luca Rossi

Support staff

August 23, 2024 at 17:00

Hi @vera,

1. We’ve updated the link: https://prnt.sc/WbMeRLd0p4Rc, it’s under WooCommerce > Settings >
Selling location(s) and Shipping location(s).

2. Thanks. We’re working on it.

Best regards,
The 8Theme Team

#411399 Copied

Ve01

Participant

August 28, 2024 at 07:52

Hi

Thanks for your response.
About the issue 2, what is the situation now?

Thank you.

#411915 Copied

Luca Rossi

Support staff

August 28, 2024 at 10:31

Dear Vera,

We have attempted to disable the “Point Relais (3 jours ouvrés)” shipping method for testing. However, we noticed an issue where the “Livrer à domicile (2 jours ouvrés)” shipping method is not appearing on the checkout page. We recommend reviewing the settings for the “Livrer à domicile (2 jours ouvrés)” shipping method to ensure it is configured correctly. Alternatively, you may consider selecting another shipping method from the following list: [https://prnt.sc/wZquLQami_Jy](https://prnt.sc/wZquLQami_Jy).

For detailed guidance, please refer to the documentation for the WcMultiShipping plugin available at: [https://www.wcmultishipping.com/docs/](https://www.wcmultishipping.com/docs/).

Please be aware that issues related to third-party plugins fall outside the scope of our standard support services and should be addressed directly with the plugin’s author.

Thank you for your understanding.

Best regards,
The 8Theme Team

#411969 Copied

Ve01

Participant

August 29, 2024 at 14:45

Hi

Thanks for your response.

I will investigate the third-party plugin.

Thank you

#412220 Copied

Andrew Mitchell

Support staff

August 29, 2024 at 14:45

Dear vera,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#412222 Copied
Tagged: best woocommerce themes, custom woocommerce checkout themes, customize woocommerce checkout, modify woocommerce checkout page, personalize woocommerce checkout page, woocommerce checkout customization, woocommerce checkout page themes
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘How can I customize the checkout page of my site’' has been successfully resolved, and the topic is now closed for further responses

How can I customize the checkout page of my site

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection