Post by thye » Tue Feb 11, 2014 10:05 pm

Hi ,

How to add image into the middle of the header?
What is the actual size there?
Need help....!! ???

Attachments

topphoto.JPG

topphoto.JPG (28.44 KiB) Viewed 884 times


New member

Posts

Joined
Fri Jun 08, 2012 12:28 am

Post by sammysomerset » Wed Feb 12, 2014 1:48 am

You need to add the image to your header file and then reference it in the stylesheet... You're using a theme from the looks of it so make sure you edit the right ones. Make sure you back up any file you edit first!

In the header (ie catalog/view/theme/YOURTHEME/template/common/header.tpl), before <div id="welcome"> add a new line:

Code: Select all

<div id="yourpic"><img src="/catalog/view/theme/YOURTHEME/image/yourpicname.png" title="Your pic" alt="Your pic" /></div>
In the stylesheet (ie catalog/view/theme/YOURTHEME/stylesheet/stylesheet.css) at the end add:

Code: Select all

#yourpic {position:absolute; top:20px; left:370px; }
Upload the image to the directory you're referencing. Make sure the id matches the stylesheet one, and replace the filenames, title and alt with your ones, and just fiddle with the position (ie add more or less to the top or left in the css) until it's right.

For the size just do a screen grab and open in any design software, you can work out the size by creating a shape in the area you want there...

Hope that helps.
cheers,
Sam

New member

Posts

Joined
Fri May 24, 2013 11:58 pm

Post by thye » Thu Feb 13, 2014 9:09 am

Hi Sam,

Thanks for your help.
I using opencart version 1.5.1.3.
Is this version work?

Rgd,

New member

Posts

Joined
Fri Jun 08, 2012 12:28 am

Post by sammysomerset » Fri Feb 14, 2014 1:23 am

Hi there, not sure - but assuming it's a similar setup to the one's I've been using (1.5.4 - 1.5.6), I can't see why not.

Just make sure you have a copy of the files you're editing.

New member

Posts

Joined
Fri May 24, 2013 11:58 pm
Who is online

Users browsing this forum: No registered users and 41 guests