Replacing HEADING_TITLE with Images

Hi,

I grabbed the 'About Us Page' contribution to make several new pages and everything is going well, but I want to replace the headings of the page with images from our current static site.

I took a look at several of the pages included to create the about page and decided to make changes in the 'tpl_about_us_default.php'.

I've commented out this line:

and replaced it with this:

I realize that I could use some CSS and insert a background image, but that would require putting some <span> tags around the <h1> tags to hide the text. I figured my way was faster.

My concern is that the method I've chosen isn't the cleanest way of going about things. Does anyone know if I'm creating a headache for myself once the next version of ZenCart rolls out? (I'm currently running 1.3.5)

Many thanks!

Colin

You are creating a headache.

Define the constant HEADING_TITLE as the image in the Language file for the page.

Thanks Kim!

Originally I was going to make changes there, but I played rock-paper-scissors with myself and lost.

Hi Kim,

Sorry about the multiple questions for such a basic solution, but I'm trying to avoid any hassle in the future.

Should I be making changes in the same place - the language files - for 'native' ZC pages (i.e. the contact us page)?

Cheers,

Colin

Hi,

Sorry about these continuing posts. I've been able to set header images for pages created with the 'About Us' contrib quite easily with Kim's heads up. I've also managed to insert the 'Contact Us' page in the contact_us define file (though they're not perfectly aligned to About Us and Locations pages)

However, I'm running into a block when trying to create header images for individual categories.

It's probably easier to see what I'm talking about here:

http://www.radish.ca/index.php?main_page=index&cPath=5

I would like to replace the text 'Collections' with an image. Further to that, I'd like to replace sub-categories like 'Fall Collection - 2006' with an image as well. Since these titles are all coming from a database, is this easily doable? Or would I have to go into the DB and insert the image path?

Thanks again!

Colin

Since these titles are all coming from a database, is this easily doable? Or would I have to go into the DB and insert the image path?

Sorry- not so easy. The categories menu is dynamically generated.

Hi Kim,

I actually found a solution to what I was looking for and lo and behold it was already built into ZenCart! It only took some Heineken and half a box of rosebuds to figure this out.

ZenCart never ceases to amaze!!!

For anyone else wanting to replace category text headings with images take a look at the read_me file in your_template/css.

To save you some reading, basically you create seperate stylesheets for each category id. For example the stylesheet for:

http://www.yoursite.com/index.php?main_page=index&cPath=5_2

would be c_5_2.css. The '5' is the main category and the '2' is the sub-category. If you get confused, just look at the url.

You only need to include the div or class you're looking to alter.

To replace the category heading text with an image your stylesheet would like this:

#indexCategoriesHeading {
text-indent: -220px;
overflow: hidden;
background: url(/images/text_replacer.gif) no-repeat;
height: 34px;
width: 345px;
}

If you a have a couple layers of sub-categories you'll need to change this id - #productListHeading - to achieve the same results.

Hope this helps!

hi radish,
i really like your design. it is cool. im trying to achieve something similar but im only new to zen cart.

can you give me some tips on how u achieved your design.

you can see that start of my work here

http://www.hartonpaw.com/store
kindest regards

Define the constant HEADING_TITLE as the image in the Language file for the page.

Can you please explain your instruction above for me?

I want to have an title image for each of these pages: New, Featured, Specials. I tried going into:

/includes/languages/english/specials.php
/includes/languages/english/products_new.php
/includes/languages/english/products_all.php

and changed this:

define('HEADING_TITLE', 'new products');

to this:

define('HEADING_TITLE', 'my_new_image.gif');

but all that did was print those words "my_new_image.gif" as the new heading title for that page. Not sure what else to try... :)

thanks!