Views: 1,312
Zen Follower
How and Where do I add coding to a LOGO on one paticular item, so the picture is on the left and the logo just to the right of the pic.
Black Belt
What page display are you referring to?
Zen-Venom Get Bitten
Totally Zenned
Why not just make the product image a bit bigger to incorporate both the picture of the product and the logo?
Kuroi Web Design and Development | Twitter
(Questions answered in the forum only - so that any forum member can benefit - not by personal message)
Zen Follower
Here is the page:
http://maynardstackle.com/zencart/index.php?main_page=product_info&products_id=4
I would like to place a small gif. next to the upper right hand corner of the discription. If it is possible.
Totally Zenned
So why not insert the image into the product description?
Kuroi Web Design and Development | Twitter
(Questions answered in the forum only - so that any forum member can benefit - not by personal message)
Zen Follower
Thanks for the reply kuroi but, How do I code that in the discription page of the product. The image name is "nitelite1"
and what file to a put the image into?
Black Belt
When editing the product description, add something like this:```html
<img src="includes/templates/your_template/images/nitelite1.gif" class="descriptionLogo" />
You can use
.descriptionLogo {}
in your stylesheet to affect the display of this logo.
.descriptionLogo {float: right;}
will make it move to the top right of the description area, as long as it is the first thing in the description. It will not show in the product listing page, only the product info page.
Save the image in /includes/templates/your_template/images/nitelite1.gif.
Zen Follower
Thanks for the help gjh42
Do also put the whole HTML code in the css style sheet?
Also I am not familar with what is .descriptionLogo {},
Is that the name of the gif. or do I leave it as .descriptionLogo {}
Zen Follower
Got the logo in the area... Now I need to get it in position.
Black Belt
You don't put any HTML in your stylesheet, ever.
.descriptionLogo is the class name I suggest adding to your image code, so that it can be manipulated with a rule you add to the stylesheet (like .descriptionLogo {float: right;} }.
Zen Follower
It worked perfectly...Thanks so much:clap::clap::clap:
Tell staff why this post should be reviewed.