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