Clickable Background Image - How To?

[stiggy100]

All I did to do this was install this module from the zen team:

http://www.zen-cart.com/index.php?ma...roducts_id=345

Follow the instructions. Once it is installed change this in your tpl_header.php from:

<div id="navMainCartSummary"><?php require(DIR_WS_MODULES . 'sideboxes/cart_summary.php'); ?></div>

to:

<div id="navMainCartSummary"><a href="https://www.yourshoppingcarturl.com"><img class="cartIcon" src="includes/templates/YOUR_TEMPLATE/images/cartheader.gif"><?php require(DIR_WS_MODULES . 'sideboxes/cart_summary.php'); ?></a>

Then you add .cartIcon {} to position the image.

Hope this helps

[DBB1]

All I did to do this was install this module from the zen team:

http://www.zen-cart.com/index.php?ma...roducts_id=345

Follow the instructions. Once it is installed change this in your tpl_header.php from:

<div id="navMainCartSummary"><?php require(DIR_WS_MODULES . 'sideboxes/cart_summary.php'); ?></div>

to:

<div id="navMainCartSummary"><a href="https://www.yourshoppingcarturl.com"><img class="cartIcon" src="includes/templates/YOUR_TEMPLATE/images/cartheader.gif"><?php require(DIR_WS_MODULES . 'sideboxes/cart_summary.php'); ?></a>

Then you add .cartIcon {} to position the image.

Hope this helps

Cool! As mentioned, everything I've found on the forum largely deals with header logo image maps, and doesn't really address any secondary images in the header, that I could tell.

Plus, I have a custom template that defined the shopping cart image as a background:url in the CSS file, which must really bury the image, as none of the developer tools are even able to report on it.

I'll definitely give this a try - seems crazy not to be able to click on the actual cart image.

Thanks!
-DBB1

[stiggy100]

If you follow as the above - it should do the trick. To be sure it is what you want y site is in my signature and that is what you'll get (the cart is in the top right hand corner of the header)

Might be best to check before you go to the effort.

If you have any problems, post back up and I'll keep an eye out...

[DBB1]

All I did to do this was install this module from the zen team:

http://www.zen-cart.com/index.php?ma...roducts_id=345

Follow the instructions. Once it is installed change this in your tpl_header.php from:

<div id="navMainCartSummary"><?php require(DIR_WS_MODULES . 'sideboxes/cart_summary.php'); ?></div>

to:

<div id="navMainCartSummary"><a href="https://www.yourshoppingcarturl.com"><img class="cartIcon" src="includes/templates/YOUR_TEMPLATE/images/cartheader.gif"><?php require(DIR_WS_MODULES . 'sideboxes/cart_summary.php'); ?></a>

Then you add .cartIcon {} to position the image.

Hope this helps

Nope, this didn't work, Stiggy...

It placed the cart info in the EZPage navigation section, not up in the actual header. My custom template already has cart content displayed along with the cart icon and "shopping cart" link in the actual header. Don't know why the template author would not go ahead and make the icon clickable, along with the link. Seems like a basic design/usability consideration...

Thanks for replying!

-DBB1

[stiggy100]

Id think it good practice to remove the template authors code regarding the cart in the tpl_header and replace it with the above in the exact same place? Id think A: This is where you want the above code and B: There could be a conflict/duplication of interests.

Obviously be sure to back up your files as always before attempting