How to change the product name text to an image file of the name?

[Wheels UK]

Hi,

I am currently re-designing a my website.
http://www.wheels.uk.com/new/acatalog/
and need the product text name to be an image....

Can anyone help me out here???

THANKS
BARRY

[leehack]

Can you be more specific? product text name is a bit vague.

Provide a link to a page and mention what you want to happen, to what text on the page.

If you take a bit more time to provide info, you will often get more help. We know nothing about you, your products or your catalog - don't forget this.

Are you after an image instead of text, if so why, this could be madness on a website if SEO is important.

[Wheels UK]

thanks,

link:
http://www.wheels.uk.com/new/acatalog/wheels.html
I am referring to the "Alloy Wheels" in orange at the top of the page, about the sub-sections.

Yes i am after changing that text to an image file...

BARRY

[leehack]

Well i won't try and talk you out of it, but you are mad getting rid of that into an image, but nevertheless, it's a pretty easy task.

Create a variable called sectionImageTitle and specify it is a file type and define it at section level. On the design tab, click on the current heading and replace the code (should be <h1>blah blah</h1> it looks like) and replace this with an <img> tag which reads the file location from the new variable you have just set up. You then populate the variable on each section with the image you want to show in that place and job done.

It is madness though i must say, one of the most important tags on the page. Work with it, don't remove it.

[Duncan Rounding]

The section name is an H1 tag and is important for the SEs - I wouldn't remove it. You could however add an image at the section level there. Look at the design code for the section layout - (probably somthing like Section Page With Section Name At The Top). In there after the <h1>SectionName</h1> you could perhaps insert:
<img src="<actinic:variable name="SectionImageFileName" />" height="<actinic:variable name="SectionImageHeight" />" width="<actinic:variable name="SectionImageWidth" />" alt="<actinic:variable name="SectionName" />" />

This would then show the image configured for the section in the general tab.

[Wheels UK]

thanks for all of your help, just what i needed.

BARRY

[jont]

I would combine the two (I have done this on several sites) ... introduce an image as background-image: into the tag and set the H1 text above (with some judicial alignment) ... this allows you to introduce some funky graphics to indicate what the page is about but also retain the essential H1 tag as the SEO aspects.

[Orchid]

really nice site by the way - new and old

[JEFFgse]

Hi,

I am currently re-designing a my website.
http://www.wheels.uk.com/new/acatalog/
and need the product text name to be an image....

Can anyone help me out here???

THANKS
BARRY

Very Nice