Forums / Templates, Stylesheets, Page Layout / Adding extra images to the header (like flags & logos)

Adding extra images to the header (like flags & logos)

Locked

Views: 3,259

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
9 Aug 2010, 6:56 AM
#1
theaymen avatar

theaymen

New Zenner

Join Date:
May 2010
Posts:
32
Plugin Contributions:
0

Adding extra images to the header (like flags & logos)

hello people!

i have been trying to add 3 flags to the header of my site.
im using .3.8

https://www.realpurecotton.com

im confused as there are many conflicting answers.

basically i want three tiny icon like images under my search bar - needs to be on top of my header backround colour!- of uk european & u.s flags.

I DO NOT NEED A LINK ADDED TO THEM JUST SIMPLE IMAGES ON TOP OF MY HEADER BACKGROUND IMAGE. - as im sure the colour i have is the header image i think!

i thank you for your time and effort and look forward to hearing from you very soon

Aymen

9 Aug 2010, 7:20 AM
#2
kobra avatar

kobra

Black Belt

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

Re: Adding extra images to the header (like flags & logos)

In a copy of tpl_header.php add a div and the img src= statements inside that div

Place it in the proper order in the file - - probably within the headerwrapper div
Save te changes and upload the edited file to your template folder structure

Zen-Venom Get Bitten

9 Aug 2010, 7:33 AM
#3
theaymen avatar

theaymen

New Zenner

Join Date:
May 2010
Posts:
32
Plugin Contributions:
0

Re: Adding extra images to the header (like flags & logos)

hey Koby! thanx

ok does it matter where the div is added (above or below the present one)

and is the "wrapper" part of THIS div, or in the other header php.

thanks mate, i just about understood you lol!

9 Aug 2010, 7:40 AM
#4
kobra avatar

kobra

Black Belt

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

Re: Adding extra images to the header (like flags & logos)

ok does it matter where the div is added (above or below the present one)
Yes it does - one must add it in the order that it is to be displayed

and is the "wrapper" part of THIS div, or in the other header php.
What other header.php???

I stated a copy of tpl_header.php

Zen-Venom Get Bitten

9 Aug 2010, 8:11 AM
#5
theaymen avatar

theaymen

New Zenner

Join Date:
May 2010
Posts:
32
Plugin Contributions:
0

Re: Adding extra images to the header (like flags & logos)

sorry mate i was confused by another person.

ok i opened my tpl_header.php

and searched for the place to add the div.
bearing in mind i want it above the header image/background colour

i found this area in the php file:

<!--eof-header logo and navigation display-->
which is empty! do i add the div in here????

im confused because someone else said -

<div id="headerpic"> <div id="slogan"> <h1>Real Pure Cotton</h1> <h2>"The AYMEN Company" Specialists in 100% Pure Luxury Cotton</h2> </div><!-- slogan -->

(NEW DIV)********

<!--bof-navigation display--> <div id="navMainWrapper"> <div id="navMain"> <ul>

This is my slogan/tagline in the area called- div id 'headercontent'
which is where i was told to add the div. at college !! lol

thanks kob`s

9 Aug 2010, 8:41 AM
#6
kobra avatar

kobra

Black Belt

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

Re: Adding extra images to the header (like flags & logos)

This is my slogan/tagline in the area called- div id 'headercontent'
ZenCart already has a place for a slogan

https://www.zen-cart.com/tutorials/index.php?article=127

Zen-Venom Get Bitten

9 Aug 2010, 8:57 AM
#7
theaymen avatar

theaymen

New Zenner

Join Date:
May 2010
Posts:
32
Plugin Contributions:
0

Re: Adding extra images to the header (like flags & logos)

Kobra thanks mate but your being very vague when you comunicate.

basically
how much of this div do i add and WHERE in my tpl_header

<div id="logoWrapper"> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

as i have no indication where it goes.

thanks b!

9 Aug 2010, 8:26 PM
#8
kobra avatar

kobra

Black Belt

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

Re: Adding extra images to the header (like flags & logos)

how much of this div do i add and WHERE in my tpl_header
As you stated that what you want is your "slogan"

I stated that this is already builtin and posted the tutorial

So basically, you do not need to add a new div

Zen-Venom Get Bitten