Header Bild + Linkbutton - wie?

[Nickmalolle]

Hi ihr lieben, ich habe gestern meinen Store neu angepasst und bin recht zufrieden. Ich habe viele Lösungen auch zu meinen Fragen hier gefunden.

DANKE für das gute Forum.

Was ich jedoch nicht genau gefunden habe ist:
Wie kann ich im Headerbild Links einfügen.
Mein Bild wird geslict in diesem Slice werden einige Button enthalten sein,
die ich verlinken möchte.

In welcher php füge ich meinen Linkcode ein?
Und wie sollte am besten der Code aussehen (damit ich in etwa eine Vorlage habe)

Danke für eure Hilfe :P

[kermie]

Hi,
was genau meinst Du mit gesliced? Hast Du vielleicht ein image-map erstellt?
In dem Fall muss natuerlich das Bild in der header.php fuer dein entsprechendes Template eingefuegt und dort entsprechend gelinkt werden. Prinzipiell koenntest Du dort mit absoluten Links arbeiten.

[Nickmalolle]

Hi Kermie, danke für deine Antwort:

Ich habe eben mal mit meinem Html Programm getüfftelt und gesehen, es geht auch einfacher.
Ich brauche mein Headerbild gar nicht vorher zerschnippeln (slicen) sondern kann gleich mein headerbild in einem Map Code einbinden.

[img].../header.jpg[/img]</p>
<map name="ImageMap1">
<area shape="rect" coords="398, 138, 491, 159" href="http://#">
<area shape="rect" coords="503, 138, 585, 162" href="http://#">
<area shape="rect" coords="601, 141, 659, 158" href="http://#">
</map>

In welche header.php kommt das genau?
Wo finde ich sie genau?
In welcher Zeile fange ich an und wo höre ich auf?

Der Code ist nur ein Beispiel.

Lieben Dank!

[kermie]

Morgen. Das Bild wir bereits in einer lang-Datei gesetzt. Sorry...
Am besten schaust Du mal unter
/includes/languages/german/header.php oder
/includes/languages/DEIN_TEMPLATE/german/header.php

[Nickmalolle]

Mh ... leider komm ich überhaupt nicht weiter.
Hier mal ein Beispiel für mein Anliegen: http://shop.digital-scrapbook-art.com/
Dort gibt es einen headerbild mit im Bild eingefügten Links.
Genau so hätte ich es auch gern, doch wie?

In den genannten header dateien find ich nicht die richtige Stelle, wo ich meinen Code einfügen kann. Jedenfalls folgen nach meinen Versuchen gleich Fehlermeldungen.

Kann mir jemand zu diesem Thema Hilfestellung geben?
In welcher header.php mache ich meine Änderungen und wie sollte in etwa der Code aussehen?

Lieben Dank schon mal

[kermie]

OK, schon nachvollziehbarer. Hier hat jemand eine http://www.digital-scrapbook-art.com/images/header.jpg als image-map erzeugt, diese muss - wie oben beschrieben - im Template (wenn nicht nach Sprachen getrennt wird) bzw. in der language-Datei aufgerufen werden.

[labbixenja]

Das mit dem Map code ist die beste idee! Soviel ich von html weiss, ist es egal wo der map code auf der Seite eingebunden wird, d. h muss nicht unbedingt beim jpg sein. Jetzt kenne ich zen-cart noch nicht so gut, aber die einzige Stelle die ich (bis jetzt) kenne wo man ungestört den Map Code hinschreiben kann ist im FOOTER, schließlich ist der ja auch auf jeder Seite!

in der
includes\languages\german.php

define('FOOTER_TEXT_BODY', 'Copyright © ' . date('Y') . ' [url="http://www.zen-cart.com"]Zen Cart[/url]. Powered by [url="http://www.zen-cart.com"]Zen Cart[/url]

den Map code einfügen

<map name="ImageMap1">
<area shape="rect" coords="398, 138, 491, 159" href="http://#">
<area shape="rect" coords="503, 138, 585, 162" href="http://#">
<area shape="rect" coords="601, 141, 659, 158" href="http://#">
</map>

');

Wichtig '); am Ende nicht vergessen.

Habe es gerade ausprobiert: Steht sauber im Quelltext!!! und keine Fehlermeldung!!

Jetzt nur noch die Stelle finden, wo das Attribut

<img src="includes/templates/meintemplate/images/logo.gif" [b]usemap="#karte"[/b]

eingefügt werden kann. Das suche ich später....

Oder jemand anders weiss das schon

Gruss Stefan

[labbixenja]

Hab 2 Stunden gesucht, ist aber ziemlich abenteuerlich OHNE GEWÄHR UND VOR ALLEM DIE DATEI VORHER SICHERN!!!!!!

Wenn Du experimentierfreudig bist dann nimm die Zeile 71 aus der datei

includes\templates\template_defaults\common\tpl_he ader.php

und ersetzte diese Zeile KOMPLETT durch einfachen html code z.B

<div id="logo">[img]includes/templates/DEINTEMPLATE/images/logo.gif[/img]
<map name="map">
<area shape="rect" coords="398, 138, 491, 159" href="http://#">
<area shape="rect" coords="503, 138, 585, 162" href="http://#">
<area shape="rect" coords="601, 141, 659, 158" href="http://#">
</map> 
</div>

Die Sache mit dem Footer entfällt natürlich.

Sicherheitshalber auch entsprechend dokumentieren, den beim nächsten update ist alles futsch!

Ach ja ich habe Version 1.3.7! Bei mir hat es super funktioniert!

Gruss Stefan

[kermie]

na bitte ))

[Nickmalolle]

Hi Stefan, lieben Dank für die Mühe zur Erklärung.
Ich werde das Thema gleich noch mal austesten und gebe dann hier noch mal mein Posting zu wenn es klappt oder net klappt :lol:

[Nickmalolle]

Es hat funktioniert wie Stefan es erklärt hat.
Ich habe jedoch den Code in Zeile 42 angesetzt, dort findet man folgendes:

<div id="headerWrapper">

<div id="logoWrapper">
    <div id="header_bg"><?php echo '[url="' . 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) . '[/url]'; ?></div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>

Dieser Code bestimmt ja bereits den Header.
Ich habe in diesem Code Zeile 45 gelöscht:

 <div id="header_bg"><?php echo '[url="' . 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) . '[/url]'; ?></div>

Und dann diesen Code eingefügt:

<div id="logo">[img]includes/templates/DEIN TEMPLATE/images/DEIN LOGO.jpg[/img]
<map name="map">
<area shape="rect" coords="309, 178, 373, 206" href="#">
<area shape="rect" coords="385, 179, 449, 205" href="#">
<area shape="rect" coords="457, 179, 541, 207" href="#">
<area shape="rect" coords="552, 178, 615, 207" href="#"">
<area shape="rect" coords="628, 177, 726, 205" href="#"">
</map>
</div>

Wenn man der Beschreibung von Stefan folgt hat man 2 Header auf der Seite - jedenfalls war es bei mir so.

Ich danke noch mal für die tolle Hilfe, ich hatte bereits aufgegeben.
Bin zwar ein fummeltyp aber brauche immer mal einen kleinen Hinweis oder Pfadführung :lol:

[labbixenja]

Freue mich, dass Du es auch geschafft hast. Allerdings verstehe ich nicht, wieso Du 2 Header hattest. Meines Erachtens reicht es nur die die Zeile 71 zwischen <div id=logo> ..... </div>

<div id="logo"><?php echo '[url="' . 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) . '[/url]'; ?></div>

entsprechend zu ändern; durch den Wegfall des php echo befehl wird doch nix ausgegeben....

Aber egal doch, hauptsache es hat funktioniert!

[Chaos Crazy]

hallo ihr lieben meinen HEader erscheint ja schon mal ganz stollz drauf ist doch die links funktionen nicht die werden einfach nicht mit angezeigt...
Ich hab den Code in die tpl_header.php eingefügt nach Zeile72 schaut mal...

<div id="logo">[img]includes/templates/classic/images/header_bg.jpg[/img]
<map name="map">
<area shape="rect" coords="193, 481, 285, 542" href="http://www.inspirationsofscrapfriends.de/shop/index.php" target="_self">
<area shape="rect" coords="330, 484, 425, 543" href="http://inspirationsofscrapfriends.blogspot.com/">
<area shape="rect" coords="466, 485, 615, 543" href="http://www.facebook.com/pages/inspirationsofscrapfriends/147846118620549">
<area shape="rect" coords="552, 178, 615, 207" href="#"">
<area shape="rect" coords="628, 177, 726, 205" href="#"">
</map>
</div> 

[klartexter]

hallo ihr lieben meinen HEader erscheint ja schon mal ganz stollz drauf ist doch die links funktionen nicht die werden einfach nicht mit angezeigt...
Ich hab den Code in die tpl_header.php eingefügt nach Zeile72 schaut mal...

<div id="logo">[img]includes/templates/classic/images/header_bg.jpg[/img]
<map name="map">
<area shape="rect" coords="193, 481, 285, 542" href="http://www.inspirationsofscrapfriends.de/shop/index.php" target="_self">
<area shape="rect" coords="330, 484, 425, 543" href="http://inspirationsofscrapfriends.blogspot.com/">
<area shape="rect" coords="466, 485, 615, 543" href="http://www.facebook.com/pages/inspirationsofscrapfriends/147846118620549">
<area shape="rect" coords="552, 178, 615, 207" href="#"">
<area shape="rect" coords="628, 177, 726, 205" href="#"">
</map>
</div> 

Der Quältext Deiner Seite zeigt nichts dergleichen!

<!--bof-header logo and navigation display--> <div id="headerWrapper"> <!--bof-navigation display--> <div id="navMainWrapper"> <div id="navMain"> <ul class="back"> <li><a href="http://www.inspirationsofscrapfriends.de/shop/">Startseite</a></li> <li><a href="http://www.inspirationsofscrapfriends.de/shop/index.php?main_page=login">Anmelden</a></li> </ul> </div> <div id="navMainSearch"></div> <br class="clearBoth" /> </div> <!--eof-navigation display--> <!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><a href="http://www.inspirationsofscrapfriends.de/shop/"><img src="includes/templates/classic/images/" alt="" /></a></div> </div> <br class="clearBoth" /> <!--eof-branding display--> <!--eof-header logo and navigation display-->

[Chaos Crazy]

hi klartexter,
em wo hab ich denn was vergessen und wo muß denn dein Code bei mir hin den du gepostet hast?
hilfeee