How to add a custom cart icon to nav?

[ldonohue]

Hi there,

I'm working on tweaking a store design and would like to know how I can add my own little cart icon to the main/top nav like in this example:

Cart Icon Mockup

Any tips on how I can do this easily? -I don't need it clickable, just the icon.

Thanks heaps!

[kobra]

ldonohue,

Any tips on how I can do this easily? -I don't need it clickable, just the icon.

Just add the image to your header background image - you have one right?? No Link to what you have so am guessing....

Don't know why you only want the image with no function???
Have a look at several of the free templates that have a cart icon HERE, you can download any of them and see how they have implemented this with functionality

[Mickyelta]

This is easily done in

/includes/templates/template_default/common/header.php

find

<?php if ($_SESSION['cart']->count_contents() != 0) { ?> 
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

insert the red bit

<?php if ($_SESSION['cart']->count_contents() != 0) { ?> 
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?><img src="/path to image/cart.gif" height="10" width = "10" /></a></li>

It even makes it clickable remember to copy it to /includes/templates/yourtemplate/common/header.php

[ldonohue]

Thanks so much Mickyelta,

That worked perfectly! --I really appreciate your help!

awesome community here..

Lisa

[mydanilo]

This is easily done in

/includes/templates/template_default/common/header.php

find

<?php if ($_SESSION['cart']->count_contents() != 0) { ?> 
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

insert the red bit

<?php if ($_SESSION['cart']->count_contents() != 0) { ?> 
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?><img src="/path to image/cart.gif" height="10" width = "10" /></a></li>

It even makes it clickable remember to copy it to /includes/templates/yourtemplate/common/header.php

I put this in my tpl_header.php but the header_cart.gif is not showing.

[mydanilo]

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?><img src="/images/header_cart.gif" height="10" width="10"/></a></li>
<?php }?>

Not sure what I do wrong. Would the image have to be put somewhere else than my root/image folder? I have tried with png, jpg and now gif. Still not showing.

[mydanilo]

Found my mistake,

<img src="/images/header_cart.gif" height="20" width="20"/>

/ in front of my path had to be removed.

Thank you for the solution posted here.

[anap]

Instead of hard coding the images directory, make use of Zen Cart directory constants. This way if you change your template, the directory changes for you!

I put the cart image before the "View Shopping Cart" text, but within the link.
The Red text has been added to '/includes/templates/yourtemplate/common/tpl_header.php':

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . 'cart.png', 'alt text here'); ?><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

[milkyway]

Instead of hard coding the images directory, make use of Zen Cart directory constants. This way if you change your template, the directory changes for you!

I put the cart image before the "View Shopping Cart" text, but within the link.
The Red text has been added to '/includes/templates/yourtemplate/common/tpl_header.php':

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . 'cart.png', 'alt text here'); ?><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

This is correct ..