Graphic at top of list of products

[Bob Isaac]

I want to put a 760 x 80 graphic at the top of a product page before the list of products, just under the breadcrumb trail.

Thanks for any help.

Bob

[wjcampbe]

Bob, which site, what theme are you using?

[Bob Isaac]

This is the site

https://www.volvoclub.org.uk/neways/index.html and then choose 'Baby and Child Care'. I want to put the graphic under the breadcrumb 'Online Catalogue > Baby and Child Care'

You will also notice the product description is very narrow. Compare this with the 'Roil Auto Products' where the text is wider. How can I fix this?

Ignore the VeriSign certificate warning, our ISP has screwed up the renewal again, have to wait until Monday.

Thanks

Bob

[wjcampbe]

Bob,

Since the breadcrumbs are sitting inside a table that is 500 pixels wide, you cannot put a 780 wide graphic in there at the moment.

The product title (and the desription) is being pushed off to the side for the same reason. The graphic beside the title is 312 wide - laving only about 180 for the title and text.

You could change the table width (look in Act_Primary for a fixed width of 500 and if not found, look at Design | Options - Site Defaults ACTSTDWIDTH) and see what that does to the layout of your other pages.

Then make a choice between changing the design, creating a bespoke Act_Primary for this one section - and perhaps alienating customers with 800 x 600 resolution (who would be forced to scroll sideways) or keeping a wide ACTSTDWIDTH and having the whole site require horizontal scrolling on old hardware.

[Bob Isaac]

Thanks, that makes sense.

I have now reduced the 760x180 header image to 498x118. If I edit the Baby_and_Child_Care.html file in /SiteHTML folder and insert the header image with <img src=""> within the 500 pixel table it gets removed when I upload the file.

What I am trying to achive is this https://www.volvoclub.org.uk/neways/...hild_Care.html but without the reference and description, just the graphic.

Is there a way to do this?

Thanks again.

Bob

[wjcampbe]

Bob,

The easy way to do this is add a text only fragment and paste the <img src code in the text portion of that fragment inside !!< >!! Actinic HTML indicators.

If the fragment disappears to the bottom of the page when you add it, click on it and drag it back up and drop it on the page name. That should bring it back to the top.

To center the graphic make the code !!<<div align="center><img scr....></div>>!!

[Bob Isaac]

Yep, Fragment was the way to go, but using the 'Image only' option. Works great now.

Thanks for your help.

Bob

[wjcampbe]

using the 'Image only' option

You know, sometimes I forget that one exists