How to add images/icons to footer?

[kelly60]

I want to move my icons and images that I currently have in my left side column and put them along the bottom section of my footer. Can anyone tell me how to do this is simple/beginner terms, please?

Thank you!

My site incase you need an example: http://nfbotanicals.com

[twitchtoo]

On your site you need to move the sidebox code:

 <!--// bof: editablesidebox //--> <div class="leftBoxContainer" id="editablesidebox" style="width: 180px"> <h3 class="leftBoxHeading" id="editablesideboxHeading">Our Credentials</h3> <div id="editablesideboxContent" class="sideBoxContent"><center> We Accept Direct Credit Card Payments On Site</center> <br> <center><img src="/images/credit.jpg" alt="Credit Cards" height="54" width="150"></center> <center><img src="/images/authorizenet.jpeg" alt="Authorize Net" height="115" width="125"></center> <center> Or PayPal Express Payments No Account Needed</center> <center><img src="/images/payments.png" alt="PayPal" height="96" width="104"></center>   <hr style="width:135px;">  <center><img src="/images/rapid.jpeg" alt="SSL Certificate" height="150" width="150"></center>  <hr style="width:135px;">  <center><a href="http://sitecheck.sucuri.net/results/nfbotanicals.com" title="Safe Site" target="_blank">  <img src="/images/safesite.png" alt="Safe Site" title=" Safe Site " height="60" width="120"></a></center>   <hr style="width:135px;">  <center> <a href="/index.php?main_page=rss_feed&amp;feed=new_products" title="RSS New Products Feed" target="_blank"><img src="/images/rss_icon.jpg" alt="RSS New Products Feed" title=" RSS New Products Feed " height="40" width="40"></a><br> <b>RSS Feeds Updates!</b></center> <br>         </div></div> <!--// eof: editablesidebox //-->

to the footer php:

<!--BOF footer menu display-->  <dl> <dd class="first"> <ul><li class="menuTitle">Quick Links</li><li><a href="http://nfbotanicals.com/">Home</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=featured_products">Featured Products</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=specials">Specials</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=products_new">What's New</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=products_all">All Products ...</a></li></ul></dd><dd class="second"> <ul><li class="menuTitle">Information</li><li><a href="http://nfbotanicals.com/index.php?main_page=about_us">About Us</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=site_map">Site Map</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=gv_faq">Gift Certificate FAQ</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=discount_coupon">Discount Coupons</a></li></ul></dd><dd class="third"> <ul><li class="menuTitle">Customer Service</li><li><a href="http://nfbotanicals.com/index.php?main_page=contact_us">Contact Us</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=shippinginfo">Shipping &amp; Returns</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=privacy">Privacy Notice</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=conditions">Terms Of Service</a></li><li><a href="https://nfbotanicals.com/index.php?main_page=account">My Account</a></li></ul></dd><dd><ul><li class="menuTitle">Important Links</li>  <li><a href="http://nfbotanicals.com/index.php?main_page=wishlist">Wishlist</a></li>   <li><a href="http://nfbotanicals.com/index.php?main_page=page&amp;id=3">Our Natural Ingredients</a></li>   <li><a href="http://nfbotanicals.com/index.php?main_page=page&amp;id=2">References and Resources</a></li> </ul></dd> </dl>      <br class="clearBoth">  <span id="social-media"> <a class="highlightit" href="http://www.twitter.com/nfbotanicals"><img src="includes/templates/14338/images/twitter.png" class="twitter-image" alt="twitter link"></a> <a class="highlightit" href="http://www.facebook.com/naturalfamilybotanicalsproducts"><img src="includes/templates/14338/images/facebook.png" class="facebook-image" alt="facebook link"></a> </span>  <br class="clearBoth"><!--EOF footer menu display-->

Where you can arrange it within the current <ul> list or above/below the entire div/group

[kelly60]

What folder do I do this in?

[twitchtoo]

What folder do I do this in?

Without seeing your ftp/site my guess is...

look in:
includes/templates/YOUR_TEMPLATE/common/tpl_box_default_left.php

includes/languages/english/html_includes/YOUR_TEMPLATE/define_editable_sidebox_content.php

put in:
includes/templates/YOUR_TEMPLATE/common/tpl_footer.php

Or search for the text in the code I published in the last post to find all of the files that contain it, then change the ones relevant to your override template.

[kelly60]

I'm not sure how to take the code you pasted above from my sidebox and put it "below" the code that you pasted from my footer. The sidebox gets turned off/on and arranged in my admin. I guess I am confused how putting all the sidebox code at the end of the footer code will make just the RSS Feed icon, the credit card icons, SSL, Site Safe, etc. icons place below the 4 columns in my footer. I'm nervous about mixing up my site since one of my last mess ups cost me 250.00 to get fixed so I just want to double check. :)

[twitchtoo]

How do you want it to look/function?

I'd need admin and ftp access to do it for you.

[kelly60]

Thanks for the offer to do it for me but I need to learn this! I want to understand Zen cart better than I do right now, especially if I am going to keep using it. I know html but css is a foreign language that seems too hard for me

I would like my footer to look kinda like this one:
http://www.wildthymebotanicals.com/catalog/

...except I would also add my Authorize and SSL icon, made in smaller pixels, of course.

Then when I move those icons from my left side box I know how to turn it off in my admin. So I just need to know how to get those icons to show along the bottom of my footer. My site: http://nfbotanicals.com/

Thank you for your help with this!

[twitchtoo]

Shut your sidebox off.

Add code that looks very similar to this to your footer...

I copied the block from your sidebox into your footer and stripped it of most of the formatting it had see: 'COPIED and MODIFIED FROM editablesidebox'

<!--bof-navigation display -->
<div id="navSuppWrapper">
<!--BOF footer menu display-->

<dl>
<dd class="first">
<ul><li class="menuTitle">Quick Links</li><li><a href="http://nfbotanicals.com/">Home</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=featured_products&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Featured Products</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=specials&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Specials</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=products_new&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">What's New</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=products_all&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">All Products ...</a></li></ul></dd><dd class="second">
<ul><li class="menuTitle">Information</li><li><a href="http://nfbotanicals.com/index.php?main_page=about_us&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">About Us</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=site_map&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Site Map</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=gv_faq&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Gift Certificate FAQ</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=discount_coupon&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Discount Coupons</a></li></ul></dd><dd class="third">
<ul><li class="menuTitle">Customer Service</li><li><a href="http://nfbotanicals.com/index.php?main_page=contact_us&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Contact Us</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=shippinginfo&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Shipping &amp; Returns</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=privacy&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Privacy Notice</a></li><li><a href="http://nfbotanicals.com/index.php?main_page=conditions&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Terms Of Service</a></li><li><a href="https://nfbotanicals.com/index.php?main_page=account&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">My Account</a></li></ul></dd><dd><ul><li class="menuTitle">Important Links</li>  <li><a href="http://nfbotanicals.com/index.php?main_page=wishlist&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Wishlist</a></li>
  <li><a href="http://nfbotanicals.com/index.php?main_page=page&amp;id=3&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">Our Natural Ingredients</a></li>
  <li><a href="http://nfbotanicals.com/index.php?main_page=page&amp;id=2&amp;zenid=9d6acd573d5acbe8daab84f0851c2018">References and Resources</a></li>
</ul></dd>
</dl>
<br class="clearBoth">

<!--// bof: COPIED and MODIFIED FROM editablesidebox //-->
<h3 class="leftBoxHeading" id="editablesideboxHeading">Our Credentials</h3>
<img src="/images/credit.jpg" alt="Credit Cards" height="54" width="150">
<img src="/images/authorizenet.jpeg" alt="Authorize Net" height="115" width="125">
<img src="/images/payments.png" alt="PayPal" height="96" width="104">

<img src="/images/rapid.jpeg" alt="SSL Certificate" height="150" width="150">

<a href="http://sitecheck.sucuri.net/results/nfbotanicals.com" title="Safe Site" target="_blank">

<img src="/images/safesite.png" alt="Safe Site" title=" Safe Site " height="60" width="120"></a>

<a href="/index.php?main_page=rss_feed&amp;feed=new_products" title="RSS New Products Feed" target="_blank"><img src="/images/rss_icon.jpg" alt="RSS New Products Feed" title=" RSS New Products Feed " height="40" width="40"></a><br>
<b>RSS Feeds Updates!</b></center>


</div></div>
<!--// bof: COPIED and MODIFIED FROM editablesidebox //-->


<span id="social-media">
<a class="highlightit" href="http://www.twitter.com/nfbotanicals"><img src="includes/templates/14338/images/twitter.png" class="twitter-image" alt="twitter link"></a>
<a class="highlightit" href="http://www.facebook.com/naturalfamilybotanicalsproducts"><img src="includes/templates/14338/images/facebook.png" class="facebook-image" alt="facebook link"></a>
</span>

<br class="clearBoth">
<!--EOF footer menu display-->
</div>
<!--eof-navigation display -->

You can then format the images to line up horizontally with CSS.

Learning will happen ;)

[kelly60]

This may seem like a dumb question but do I put the code marked COPIED AND MODIFIED FROM... into:

includes/templates/YOUR_TEMPLATE/common/tpl_footer.php?

[twitchtoo]

If that's the code your footer is using yes. I've seen some other templates rename the footer menu...

Look above and below the COPIED and MODIFIED FROM tags, you'll see the code your site is using. If it matches what you see in tpl_footer.php you have the right file.