Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Adding images to header and other questions

Adding images to header and other questions

Locked

Views: 1,118

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
23 Mar 2009, 3:23 PM
#1
squeakywheels avatar

squeakywheels

New Zenner

Join Date:
Jul 2007
Posts:
24
Plugin Contributions:
0

Adding images to header and other questions

How do I add images to the header box on each side of my logo?
https://www.softscents.net
I would like to add an image with a transparent background on both sides of the logo but not too close to it.
I am using
IE with notepad to edit
Photoshop Elements 7 (total newbie though)
FileZilla
Zencart (latest 1.38 I think)

I also would like to know if I could use an image as a button for choosing which products a customer would like to click on

Also how do I change the recording artist, etc on zencart extras

Thanks for all your help!

23 Mar 2009, 3:51 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Adding images to header and other questions

How do I add images to the header box on each side of my logo?
Normally as a background image but also normally with a fixed width template to insure a consistant look. can be applied via css as a background to #logoWrapper

I also would like to know if I could use an image as a button for choosing which products a customer would like to click on
Look at the add on module - categories dressing - in the downloads section.

Also how do I change the recording artist, etc on zencart extras
Be more specific???

23 Mar 2009, 3:54 PM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Adding images to header and other questions

You can add a background-image to #logoWrapper in your stylesheet.
If you want the side images to stay the same distance from the center logo, make them one image with space between the parts, and specify that the background be centered. If you want the side images to hug the outside of the page and move if the window stretches/shrinks, you would add one side image as background to #logoWrapper and one to #logo. Make one background-position: left top; and one background-position: right top; .

There are other tweaks that can be made with more detailed information on your plans.

By the way, I would be careful with Notepad for editing, as it can add unwanted spaces/line breaks if you are not careful. It also has no code guidance. Notepad++ (free from Sourceforge) is a very good text/file editor.

Note that Categories Dressing only applies to the Categories sidebox; it is not clear from your post where you want to use the image buttons.

23 Mar 2009, 5:42 PM
#4
squeakywheels avatar

squeakywheels

New Zenner

Join Date:
Jul 2007
Posts:
24
Plugin Contributions:
0

Re: Adding images to header and other questions

oh this IS confusing! How do I find the logo wrapper?
How do I find/open/edit the style sheet?
I have been doing the mods to the index.php
I feel so dumb!

23 Mar 2009, 6:39 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Adding images to header and other questions

You don't want to touch index.php at all unless you know exactly what you are doing.

The stylesheet will be at /includes/templates/your_template/css/stylesheet.css (substitute the foldername of the template you are using). To edit it, you will need to FTP it to your home computer (with Filezilla or another FTP client program) and open it in a text/file editor (Notepad++ and Crimson Editor are good free ones; do not use Word, Notepad, Frontpage, etc.)

Look around the forum for advice on tools to use; there are several sticky threads with good info, as well as the FAQ/Tutorials.