Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / top header image

top header image

Views: 2,295

Results 1 to 20 of 20
2 Mar 2014, 4:24 AM
#1
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

top header image

OK, I am a total noob here when it comes to Zen-Cart and how to change things. I am trying to put my logo image across the top and everything I have found to do it has not worked. Made the custom folder put the files in it changed the template_info.php and now there is nothing there, it was the blue logo orig. I need step by step help cuz I have going around in circles trying to figure it out! Please help. I am 2 days old. LOL
This is what is in my template_info.php now.

<?php /** * Template Information File * * @package templateSystem * @copyright Copyright 2003-2005 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: template_info.php 2306 2005-11-05 21:34:28Z wilt $ */ $template_name = 'CUSTOM'; $template_version = 'Version 1.0'; $template_author = 'Wayne Seabright (c) 2014'; $template_description = 'This is my own template, created for my site. Three images are required; logo.jpg, header_bg.jpg, and tile_back.jpg.'; $template_screenshot = 'scr_template_default.jpg'; ?>

includes
/templates
/CUSTOM
/common
/css
stylesheet.css
/images
/sideboxes
/templates
template_info.php

2 Mar 2014, 1:44 PM
#2
twitchtoo avatar

twitchtoo

Totally Zenned

Join Date:
Apr 2007
Location:
Ontario, Canada
Posts:
1,733
Plugin Contributions:
14

Re: top header image

Can you post a link to your site?

Twitch.
https://www.twitchtoo.com Do you work for free? Please donate.
June 7.2026 - NOW AVAILABLE - Twitch Base8 - Obsidian

2 Mar 2014, 5:29 PM
#3
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: top header image

I'm checking that you've uploaded your three images; logo.jpg, header_bg.jpg, and tile_back.jpg in includes/templates/YOUR_TEMPLATE/images.

Trinity
Many thanks for a high-fiver!

2 Mar 2014, 7:42 PM
#5
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: top header image

It looks deeply nested...
/includes/templates/new/images/logo.gif is what I saw from your site.
Did you name your image .jpg or .gif?

Trinity
Many thanks for a high-fiver!

2 Mar 2014, 7:45 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: top header image

Your site won't load here, and it's difficult to offer specific advice without being able to see it.

I can't tell if you have it right, but template_info.php should be in includes/templates/CUSTOM

2 Mar 2014, 7:52 PM
#7
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

The logo.gif is still there, I am trying to replace the header, the blue bar that was there original.

2 Mar 2014, 7:54 PM
#8
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

I don't know why it won't load there, I clicked on it and it loads fine here. That's where it's at.

2 Mar 2014, 8:03 PM
#9
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: top header image

You have selected the default template 'CUSTOM' in admin here:
Admin ->Tools -> Template Selection
It should look something like this on the right...

Preview Classic Contemporary Green
Preview CUSTOM

click edit
select from the dropdown menu
update

Also, YOUR_TEMPLATE or CUSTOM files should all have the same name...

Trinity
Many thanks for a high-fiver!

2 Mar 2014, 8:21 PM
#10
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

Attachment 13845 is a screen shot

new_scr_template.jpg
2 Mar 2014, 8:31 PM
#11
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: top header image

It is safe to overwrite the logo.gif (currently zen) to ( your dreamweaver) and other images in templates/new/images. Save your logo as logo.gif.
That's the code it wants to read. Otherwise, you have to custom code dreamweaverlogo.gif in multiple locations.

Hope that helps,

Trinity
Many thanks for a high-fiver!

2 Mar 2014, 8:39 PM
#12
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

Its now called new. I deleted everything and started over.

2 Mar 2014, 8:54 PM
#13
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

That put it up there! TY Now to get rid of a few othe things. I will keep you informed of my progress.

2 Mar 2014, 9:00 PM
#14
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: top header image

Glad it's starting to come together :)

Change your css look here:
templates/new/css/stylesheet.css

and in admin I'd start here:
Configuration-> tools -> layout boxes controller

Start having some fun!

Trinity
Many thanks for a high-fiver!

2 Mar 2014, 9:10 PM
#15
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

Trying to get that logo centered now. Trying to find everything in here to do things I thing is the hardest!

4 Mar 2014, 5:09 PM
#16
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

Still can't get it to center, just made it wider to take up my screen. LOL Any ideas out there

http://thedreamweaver.bugs3.com/
``` click on browse to get to that page.
4 Mar 2014, 7:30 PM
#17
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: top header image

Use your stylesheet.css

something like this:

#logo, .attribImg {
float: inherit;
display: block;
margin-left: 90px;
margin-right: 90px;
}

Play around with it :)

Hope that helps,

Trinity
Many thanks for a high-fiver!

4 Mar 2014, 7:55 PM
#18
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

Will try this when I get home from work, have to resize it smaller to see if its works. THX.

5 Mar 2014, 4:02 AM
#19
wcsur avatar

wcsur

New Zenner

Join Date:
Mar 2014
Location:
Washington state
Posts:
59
Plugin Contributions:
0

Re: top header image

That worked great, I think that's the only thing I didn't try.LOL Now to work on the rotating images.

5 Mar 2014, 1:48 PM
#20
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: top header image

Glad to hear it worked for you :)

Trinity
Many thanks for a high-fiver!