Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Credit-Card Icons Rate Topic   * * * * * 3 votes

 

Posted 13 August 2012 - 03:11 PM #1

Hi All,

I'm working for a US company right now with developing a new website using 3.0.2.
If you are looking for the same payment icons utilized by CS-cart, these are attached, original credit goes to Smashing Magazine: http://www.smashingm...s-set-18-icons/

For your convenience:

If you use the following payment methods can copy/paste this code at your leisure: Visa, Mastercard, Discover, Amex, Paypal. There are additional images available within the payment-icon-set zip file.

Please upload the attached image to the following location first to the following directory:
/skins/basic/customer/images/icons/checkout-sprite-32px.png

/skins/basic/customer/blocks/static_templates/payment_icons.tpl
{** block-description:tmpl_payment_icons **}
<div class="payment-icons">
    <div class="payment-icon visa"></div>
    <div class="payment-icon mastercard"></div>
    <div class="payment-icon discover"></div>
    <div class="payment-icon amex"></div>
    <div class="payment-icon paypal"></div>
</div>

/skins/basic/customer/base.css
.payment-icon.visa {
background-position: 0px 0px;
}
.payment-icon.mastercard {
background-position: 0 -32px;
}
.payment-icon.discover {
background-position: 0 -64px;
}
.payment-icon.amex {
background-position: 0 -96px;
}
.payment-icon.paypal {
background-position: 0 -128px;
}

Attached Files


I've moved on from CS-Cart to WooC******** - If you need anything I can be of little help.

 
  • btrials
  • Senior Member
  • Members
  • Join Date: 03-Jul 07
  • 193 posts

Posted 13 August 2012 - 04:08 PM #2

Thank you sir!

 
  • kvanlaar
  • Junior Member
  • Members
  • Join Date: 11-Sep 09
  • 62 posts

Posted 23 April 2013 - 09:53 PM #3

You sir are a hero!