Edge theme by Storefront Themes: that extra grey Mastercard icon

Posted by on Oct 28, 2011 in Blog, Edge, Storefront Themes, Themes, WP e-Commerce | No Comments

This is a very short post of interest mainly to users of the Edge theme made by Storefront Themes

add a Mastercard icon to the Edge theme footer

There have been requests for a mastercard icon to add to the greyscale icons in the footer of the theme. ¬†You can use this appropriately sized one. Add it to the “images” sub folder in your Edge theme folder.

To add it to your footer you need to hack a little PHP. (see the note “Tools” at the end of this post)

You need to open footer.php file which is in the theme folder
Make a safe copy somewhere in case you have problems.
find this block of code and add the highlighted line to add the icon.

<div class="card-icons">
<img src="<?php bloginfo( 'template_url' ); ?>/images/bw-mastercard.png" border="0" alt="Mastercard" class="none" />
<?php if ( get_option('storefront_visa_accepted' ) == 'true' ) { ?>

<img src="<?php bloginfo( 'template_url' ); ?>/images/visa.png" border="0" alt="Visa" class="none" />

<?php } ?>
<?php if ( get_option('storefront_paypal_accepted' ) == 'true' ) { ?>

<img src="<?php bloginfo( 'template_url' ); ?>/images/paypal.png" border="0" alt="PayPal" class="none" />

<?php } ?>
<?php if ( get_option('storefront_amex_accepted' ) == 'true' ) { ?>

<img src="<?php bloginfo( 'template_url' ); ?>/images/amex.png" border="0" alt="AMEX" class="none" />

<?php } ?>
<?php if ( get_option('storefront_google_accepted' ) == 'true' ) { ?>

<img src="<?php bloginfo( 'template_url' ); ?>/images/googleckout.png" border="0" alt="Google Checkout" class="none" />

<?php } ?>

You can find some more icons here which you can make fit with a little work. If you need help to make more icons use my contact form and I may be able to help.

Tools:

You must use an appropriate code editor NOT microsoft word or anything like that which adds a lot of invisible formatting and will be a disaster.
If you do not have one, 2 excellent free ones are…
TextWrangler for Mac, http://www.barebones.com/products/textwrangler/
Notepad++ for the PC http://notepad-plus-plus.org/

Leave a Reply