[SOLVED] how do i change Cash On Delivery logo and info?

[lesrima88]

Hello how do i change the picture used in the default logo of the cash on delivery module (see attached), i also want to modify the text displayed

[vekia]

images are located in the module directory /modules/cashondelivery/

you can upload own images there

 

to change the text - open the views/templates/hook/payment.tpl, you've got there:

<p class="payment_module">
<a href="{$link->getModuleLink('cashondelivery', 'validation', [], true)}" title="{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}">
 <img src="{$this_path}cashondelivery.gif" alt="{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}" style="float:left;" />
 <br />{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}
 <br />{l s='You pay for the merchandise upon delivery' mod='cashondelivery'}
 <br style="clear:both;" />
</a>
</p>

 

just edit it

 

you can also edit text in the localization > translations tab in your back office

select "modules" from drop down list - then click on flag you want to translate

[asmar]

Regarding the logo, in my shop with 1.5.6 version installed the cast on delivery shows a ? instead of any image.

The path of the image seems to be en/cashondelivery.gif.

 

Any idea how can I change this image not to displayed as "?"

[lukp]

I have the same problem "?" , I can't find file to edit it. I can edit path in firebug and it works but which file is it? I checked all files in /modules/cashondelivery.

[Paulito]

Good morning

 

Using PS 1.5.6.1

 

If your talking about this image (Lorry,Van, Truck etc)

 

http://screencast.com/t/2Bz0hprX

 

You can find the file here:

public_html/your shop name/img/s

 

http://screencast.com/t/HBtRruCE

 

Paul

[lukp]

Thx but not this, I have to edit css file (there is incorect path to picture). Picture is like in first #1. I can't find this css file. 

[vekia]

any chance to get your page url? 

[lukp]

my page : 4video.pl

[vekia]

omg it's you sorry, i know your website url

 

 

this is how it looks like:

 

a bit different (compared with image that you pasted)

[lukp]

Yeah:)

 

Pls choose "kurier dpd pobranie" and there is problem at the bottom : big "?" instead image. Which file should I edit??? ( I can change it in Firebug - there is missing path to image)

[vekia]

modules/cashondelivery/views/templates/front/payment.tpl

 

instead of

{$this_path_cod}cashondelivery.gif

use just

http://4video.pl/modules/cashondelivery/cashondelivery.jpg

[lukp]

Working, thx a lot!!

[vekia]

you're welcome

topic marked as [solved]

 

with regards,

Milos

[nihavai]

Hi Vekia,

We have the same problem but with the logo when you must choose payment method.
With mozilla element inspector image path looks wrong.

http://ridespot.net

[vekia]

how the url to image looks like? 

[dandzii]

Same here, im missing a logo from Cash On Delivery module on the checkout and it shows a big " ? " sign.

 

the path or url to image looks like this : http://www.laptopdelovi.rs/en/cashondelivery.gif      ,and i cant find where to change it to a proper route so the COD logo is shown.

 

 

I have attached a screenshot

 

[vekia]

/modules/cashondelivery/views/templates/hook/payment.tpl

 

there is a code like:
 

<img src="{$this_path_cod}cashondelivery.gif" alt="{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}" style="float:left;" />

change it to:

<img src="http://www.laptopdelovi.rs/modules/cashondelivery/cashondelivery.gif" alt="{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}" style="float:left;" />

[dandzii]

 

/modules/cashondelivery/views/templates/hook/payment.tpl

 

there is a code like:

 

<img src="{$this_path_cod}cashondelivery.gif" alt="{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}" style="float:left;" />

change it to:

<img src="http://www.laptopdelovi.rs/modules/cashondelivery/cashondelivery.gif" alt="{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}" style="float:left;" />

 

WORKED!!!!!  

 

Thanks again!!

[nihavai]

Tanks Vekia,

That's work for us too.

[cheeseplant]

I recently upgraded to PS 1.5.6.2 and my previous version of PS I had amended the Cash on Delivery module to look like a Payment on Account module.  I only changed the images and text reference to Cash on Delivery (COD) to Payment on Account.  The module/script worked perfectly with COD replaced with POA on everything to invoice, confirmation page and emails etc 

 

However, since upgrading I cannot for the life in me get it to work the same way.  I have amended all files as before in COD module folder and whilst the images are easy, changing the text is impossible.  payment.tpl, confirmation.tpl and php files everything that refer to COD has been updated to POA but no success.

 

See image below how it displays in my store.

 

Please help point me in the right direction I don't understand why it doesn't change after amending the files.

 

regards

 

Phil

[kayol10]

 

/modules/cashondelivery/views/templates/hook/payment.tpl

 

there is a code like:

 

<img src="{$this_path_cod}cashondelivery.gif" alt="{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}" style="float:left;" />

change it to:

<img src="http://www.laptopdelovi.rs/modules/cashondelivery/cashondelivery.gif" alt="{l s='Pay with cash on delivery (COD)' mod='cashondelivery'}" style="float:left;" />

 

Worked for me as well...Thanks!

[venturapeppe]

How do I resize the block than the other two?

 

[venturapeppe]

I solved

 

I have add this 

 

media="all"
p.payment_module {
    margin-bottom: 10px;
    width: 570px;
}

 

in global.css

Edited February 25, 2016 by venturapeppe (see edit history)

[Beppe_C]

In PS. 1.6.1.6 missing logo Cash on delivery (COD)  when you must choose payment method.
( mozilla element inspector image path looks wrong).

 

simply because , P.S. 1.6.1.6 , does not find prestashop image cashondelivery.png  :  PNG image files.

to find the right dir, P.S. see if there is PNG files, not jpg or gif.

then simply upload file PNG in directory where there are already gif and jpg files.

Try, then believe !!

Edited July 24, 2016 by Beppe_C (see edit history)

[brohemath]

In PS. 1.6.1.6 missing logo Cash on delivery (COD)  when you must choose payment method.

( mozilla element inspector image path looks wrong).

 

simply because , P.S. 1.6.1.6 , does not find prestashop image cashondelivery.png  :  PNG image files.

 

to find the right dir, P.S. see if there is PNG files, not jpg or gif.

 

then simply upload file PNG in directory where there are already gif and jpg files.

 

Try, then believe !!

Dude speaks truth got to use .png for 1.6.1.7. too. if you cant get the logo swap to work check out a file named cash.png in this directory:

 

public_html/presta/themes/default-bootstrap/img

 

worked for me!

 

Could not get the "COD" text to change tho, changed it in all the files and it still says COD next to my new logo! ;( any assist would be greatly appreciated. 

[brohemath]

 

just edit it

 

you can also edit text in the localization > translations tab in your back office

select "modules" from drop down list - then click on flag you want to translate

 

 

 

Any idea where that is found in 1.6.1.7  ???

 

not seeing drop down list for modules or flags anymore.

 

 

 

Edited October 23, 2016 by brohemath (see edit history)

[vmarkovic]

Ho guys,

First of all, @lesrima88 sorry for hijacking your thread.

Can anyone help me make the third one (custom payment gateway payment module) look like first two (stock cod&bank wire payment modules), ie how to style 3rd one like first two, on checkout page (domain.com/order-opc)?

 

 

Thanks in advance.

Regards, 

Vedran
 

Edited December 23, 2016 by vmarkovic (see edit history)

[ofal]

Where do I find in File Manager:

div class="banners-one-by-one"

div class=”banner-item banner-item_feature col-sm-4 col-xs-12 icon-truck” div
div class=”banner-item banner-item_feature col-sm-4 col-xs-12 icon-money” div
div class=”banner-item banner-item_feature col-sm-4 col-xs-12 icon-credit card” div

there are displayed in product page

I want to REMOVE them.

How can I do this?