Post by mahamedsaid » Mon Mar 18, 2019 8:09 pm

how ican add payments logo in footer
like that
Image

Newbie

Posts

Joined
Tue Sep 04, 2018 4:04 pm

Post by OSWorX » Mon Mar 18, 2019 8:43 pm


Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.


User avatar
Guru Member

Posts

Joined
Mon Jan 11, 2010 10:52 pm
Location - Austria

Post by IP_CAM » Wed Mar 20, 2019 9:45 am

Gentlemen, better get down to Earth, there is no such Mod for MOST OC Versions ... :'(
And it's really only a minor thing ...
---
@mahamedsaid:
Add to the bottom of your THEME stylesheet.css File
something like this: (might need to be changed in values, to make it look best!)

Code: Select all

.paymentimages{float:right;margin-top:15px;padding-left:8px;;margin-left:10px;padding-right:6px;color:#9d9d9d;}
Add to your theme/template/common/footer.twig file:
BELOW:

Code: Select all

<p>{{ powered }}</p>
Something like this, if you use single images for every payment brand:

Code: Select all

<div class="paymentimages">
<img src="image/catalog/cards/visa.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/mc.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/maestro.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/disc.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/ax.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/pp.png" alt="Payments" width="xx" height="xx" />
</div>
OR something like this, if you have the different Logos placed in one single Image:

Code: Select all

<div class="paymentimages">
<img src="image/catalog/cards/payment_images.png" alt="Payments" width="xx" height="xx" />
</div>
But add the image(s) into your image/catalog/cards/ section first ! :D

SAMPLE only, untested, I use no such Version, but it might give you a 'global' Idea on such. ;)
--
Good Luck!
Ernie
---
PS: Similar Setups for OC v.3.x:
Spinning Social Icons
https://www.opencart.com/index.php?rout ... n_id=25520
Add Social Media Icons (facebook and twitter) in footer
https://www.opencart.com/index.php?rout ... n_id=28042

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by mahamedsaid » Mon Mar 25, 2019 3:09 am

IP_CAM wrote:
Wed Mar 20, 2019 9:45 am
Gentlemen, better get down to Earth, there is no such Mod for MOST OC Versions ... :'(
And it's really only a minor thing ...
---
@mahamedsaid:
Add to the bottom of your THEME stylesheet.css File
something like this: (might need to be changed in values, to make it look best!)

Code: Select all

.paymentimages{float:right;margin-top:15px;padding-left:8px;;margin-left:10px;padding-right:6px;color:#9d9d9d;}
Add to your theme/template/common/footer.twig file:
BELOW:

Code: Select all

<p>{{ powered }}</p>
Something like this, if you use single images for every payment brand:

Code: Select all

<div class="paymentimages">
<img src="image/catalog/cards/visa.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/mc.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/maestro.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/disc.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/ax.png" alt="Payments" width="xx" height="xx" />
<img src="image/catalog/cards/pp.png" alt="Payments" width="xx" height="xx" />
</div>
OR something like this, if you have the different Logos placed in one single Image:

Code: Select all

<div class="paymentimages">
<img src="image/catalog/cards/payment_images.png" alt="Payments" width="xx" height="xx" />
</div>
But add the image(s) into your image/catalog/cards/ section first ! :D

SAMPLE only, untested, I use no such Version, but it might give you a 'global' Idea on such. ;)
--
Good Luck!
Ernie
---
PS: Similar Setups for OC v.3.x:
Spinning Social Icons
https://www.opencart.com/index.php?rout ... n_id=25520
Add Social Media Icons (facebook and twitter) in footer
https://www.opencart.com/index.php?rout ... n_id=28042
Thnx bro

Newbie

Posts

Joined
Tue Sep 04, 2018 4:04 pm

Post by by mona » Mon Jun 10, 2019 9:38 am

My mod can do that and quite a bit more - useful for all those types of little things
DEMO : http://nadia-silver.by-mona.com
EXTENSION: https://www.opencart.com/index.php?rout ... ber=-mona-

mona

User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am
Who is online

Users browsing this forum: No registered users and 128 guests