[Victor50000Participant]

Hello!

I’m using X theme, WooCommerce and the Grid to build a webshop. Great theme! 🙂

I would love some assitance with the following questions. Number one is the most important.

1. In the Checkout page, I would like to add a custom text above the “adress” input box. I wan’t to remind the customers to enter their correct billing adress.

Also, I would like to change the Order Notes (Ordernoteringar) text, as well as the grey “default” text in the textbox (“Anteckningar på din order…”).

Link to checkout page.

2. My website is in Swedish. However, some text that is displayed by X theme (if you sort on product category, for example) is shown in English.

Is it possible to change this text? I guess it could be done with a translation plugin, but I would prefer to do it without.

3. Afraid this might be too much of custom development, but I’ll try. 🙂

I am using The Grid to build my shop page. However, when you click on the product categorys, you arrive at the standard WooCommerce category page.

Is there any way to make clicking the category affect the filter option at the grid. So, if you click on Category A – The Grid shows all products in Category A.

Thank you so much!

[LelyModerator]

Hi There,

1.) Add the following code on Appearance > Customize > Custom > Edit Global JS:

jQuery(document).ready(function($) {

 $('.woocommerce-checkout #billing_address_1_field label').empty();
 $('.woocommerce-checkout #billing_address_1_field label').append('Adress *Enter correct billing address note here!');

 $('.woocommerce-checkout #order_comments_field label').empty();
 $('.woocommerce-checkout #order_comments_field label').append('Ordernoteringar New Text here');

 $('.woocommerce-checkout #order_comments').attr("placeholder", "Order Notes new text placeholder");

});

2.)Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Copy _landmark-header.php from here:\wp-content\themes\x\framework\views\integrity to your child theme folder here: \wp-content\themes\x-child\framework\views\integrity. Open the copied file. Look for those text on line 34 and line 35. Update accordingly.

3.) Yes, you’re correct. Mixing the grid functionality and default woocommerce archive pages is possible with customization that is outside the scope of our support. You may wish to consult a developer to achieve this.

Hope this helps.

[Victor50000Participant]

Hello again,

Thank you so much!

Follow up questions at 1)

This worked!

However, the * symbol after billing adress now is located below the billing adress text, instead of next to it. Any way to fix this? Link: http://repulse.digisera.se/checkout/

Also, would you please provide code to change the Company Name “Företagsnamn” text?

Thanks again and have a great day!

[Nabeel AModerator]

Hi again,

Thanks for the update. I checked your checkout page and all of the * symbols are right on their places. Can you please share a screenshot of what you’re seeing?

To change the “Företagsnamn” text, please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('label[for="billing_company').html("Your New Text");
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Victor50000Participant]

Thank you, it worked!

However, could you also provide code for doing the same change under “order to different adress”?

Also, could you please provide code to change the Accept term and conditions “Jag har läst och godkänner köpvillkoren *” text?

I would like to add another link in this text. One to “buying terms” and one to “paying terms”.

Thanks alot in advance!

[Rue NelModerator]

Hello There,

Thanks for updating in! To make your changes, please update the JS code and make use of this code instead:

jQuery(document).ready(function($){
  $('label[for="billing_company').html('Your New Text');
  $('label[for="ship-to-different-address-checkbox').html('Your New Text');
  $('label[for="terms').html('Your New Text <a href="#">link 1</a> <a href="#">link 2</a>');
});

Please let us know if this works out for you.

[Victor50000Participant]

Didn’t work this time. Seems like something is overwriting the code. Please see link: http://repulse.digisera.se/checkout/

Also, I think you missunderstood my first question – I did not express it clearly.

I am looking for the code to change the Company name “Företagsnamn” text, in the Ship to a diffrent adress -form. The code you provided earlier only changed it in the “billing adress” form.

Thanks! 🙂

[RadModerator]

Hi there,

How about this,

jQuery(document).ready(function($){
  $('label[for="billing_company').html('Your New Text');
  $('label[for="shipping_company').html('Your New Text');
  $('label[for="ship-to-different-address-checkbox').html('Your New Text');
  $('label[for="terms').html('Your New Text <a href="#">link 1</a> <a href="#">link 2</a>');
});

They are on different section with different label name.

Thanks!

[Victor50000Participant]

Thank alot!

However, $('label[for="terms').html('Your New Text <a href="#">link 1</a> <a href="#">link 2</a>'); is still not working.

Still showing the default WooCommerce text “Jag har läst och godkänner köpvillkoren *”

[Rue NelModerator]

Hello There,

Thanks for updating in! You may update it and use this code:

jQuery(document).ready(function($){
  $('label[for="billing_company').html('Your New Text');
  $('label[for="shipping_company').html('Your New Text');
  $('label[for="ship-to-different-address-checkbox').html('Your New Text');
});

jQuery(window).load(function($){
  $('label[for="terms').html('Your New Text <a href="#">link 1</a> <a href="#">link 2</a>');
});

Please let us know if this works out for you.

[Author]

Posts