Changing Keyword 'Free' in Carrier Section for Checkout Summary Page

[Nathan_Pereira]

 

Want to remove the word Free in this section.

Im using prestashop version 8.1.0.

Any help would be kindly appreciated. Thanks

[baba code]

Hello Nathan_Pereira,

Consider placing this code in the "custom.js" file of your installed theme for it to take effect.

$(document).ready(function() {
    $('.carrier-price').each(function() {
        var currentElement = $(this);
        if (currentElement.text().trim().toLowerCase() === 'free') {
            currentElement.css('display', 'none');
        }
    });
});

best regards,

[Nathan_Pereira]

  On 2/28/2024 at 11:33 PM, baba code said:

Hello Nathan_Pereira,

Consider placing this code in the "custom.js" file of your installed theme for it to take effect.

$(document).ready(function() {
    $('.carrier-price').each(function() {
        var currentElement = $(this);
        if (currentElement.text().trim().toLowerCase() === 'free') {
            currentElement.css('display', 'none');
        }
    });
});

best regards,

Expand  

Will definitely try this out.

Thanks a ton

[Nathan_Pereira]

  On 2/28/2024 at 11:33 PM, baba code said:

Hello Nathan_Pereira,

Consider placing this code in the "custom.js" file of your installed theme for it to take effect.

$(document).ready(function() {
    $('.carrier-price').each(function() {
        var currentElement = $(this);
        if (currentElement.text().trim().toLowerCase() === 'free') {
            currentElement.css('display', 'none');
        }
    });
});

best regards,

Expand  

Hi i Tried looking for custom.js file but cant seem to find it.

Any help on the location of this file or could you provide me with the steps to create it.

Any help would be kindly appreciated.

[baba code]

Hi Nathan_Pereira,

if not exist create it,

 

best regards,

[ps8modules]

Hi.

Javascript and inserting 'Free' text will not work in the multilingual eshop.

The TPL modification is definitely a better solution.
./themes/your_theme/templates/checkout/_partials/steps/shipping.tpl

1. find

2. replace to

<span class="carrier-price">{if $carrier.is_free == '0'}{$carrier.price}{/if}</span>

 

[Nathan_Pereira]

  On 3/1/2024 at 5:16 AM, ps8modules.com said:

Hi.

Javascript and inserting 'Free' text will not work in the multilingual eshop.

The TPL modification is definitely a better solution.
./themes/your_theme/templates/checkout/_partials/steps/shipping.tpl

1. find

2. replace to

<span class="carrier-price">{if $carrier.is_free == '0'}{$carrier.price}{/if}</span>

 

Expand  

Hi,

 

The earlier option which baba code provided works well using javascript.

 

[ps8modules]

I only pointed out that if you have multiple languages in the e-shop, not every language will use the text Free and thus the deletion would not work.

This is information for everyone.

 

[ps8modules]

I only pointed out that if you have multiple languages in the e-shop, not every language will use the text Free and thus the deletion would not work.

Whereas the modification in TPL will be valid for all languages !

[ps8modules]

  On 3/1/2024 at 5:21 AM, Nathan_Pereira said:

Hi,

 

The earlier option which baba code provided works well using javascript.

 

Expand  

The multilingual javascript would have to be:

    const array = ['free', 'kostenlos']; 
    $('.carrier-price').filter(function() {
        return $.inArray($(this).text().trim().toLowerCase(), array) !== -1;
    }).css('display', 'none');

 

Edited March 1, 2024 by ps8modules.com (see edit history)