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]

7 hours ago, 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,

Will definitely try this out.

Thanks a ton

[Nathan_Pereira]

8 hours ago, 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,

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]

4 minutes ago, 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>

 

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]

44 minutes ago, Nathan_Pereira said:

Hi,

 

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

 

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 by ps8modules.com (see edit history)