FEATURE: Display Accepted Credit Cards
Added new Merge Code to display the Accepted Credit Card logos for a store. ##ACCEPTEDCREDITCARDLOGOS##
Will only show cards that you accept:
 
Each logo will render out the following HTML
<div class="amex"><span>Amex</span></div>
Which can be styled with the following CSS
.acceptedCreditCardLogos { }
.acceptedCreditCardLogos div { display:inline-block;*display:inline;zoom:1; margin:0px 2px 10px;padding:0; height: 22px; width: 33px;}
.acceptedCreditCardLogos .jcb { background: url("/store/i/jcb_33x22.jpg") no-repeat;}
.acceptedCreditCardLogos  span { display: none;}
.acceptedCreditCardLogos .visa { background: url("/store/i/visa_33x22.jpg") no-repeat;}
.acceptedCreditCardLogos .amex { background: url("/store/i/amex_33x22.jpg") no-repeat;}
.acceptedCreditCardLogos .discover { background: url("/store/i/discover_33x22.jpg") no-repeat;}
.acceptedCreditCardLogos .bankcard { background: url("/store/i/bankcard_33x22.jpg") no-repeat;}
.acceptedCreditCardLogos .mastercard {background: url("/store/i/mastercard_33x22.jpg") no-repeat;}
.acceptedCreditCardLogos .dinersclub { background: url("/store/i/diners_33x22.jpg") no-repeat;}
Please sign in to leave a comment.
Comments
0 comments