Bild durch Sprachwechseln ändern

Deutsches Forum
#1

Hallo, habe mir ein Versandkostenfrei… Bild fix in das untere linke Ecke gemacht.
Jetzt wollte ich fragen, wie kann ich das Bild ändern wenn ich auf Italienische Sprache wechsel. Kann ich das mit [{ oxmultilang ident=“…“}]" irgenwie machen?

auf page.tpl

<a class="versand"></a>

und in der oxid.css

.versand {
   height: 154px;
   width: 300px;
   position:fixed;
   bottom: 0;
   left: 0;
   background: url ("../../img/versand.gif") no-repeat scroll 0 0;
   background-size: 100% auto;
   z-index: 999998
}
#2

Ja, kannst Du so machen. Füge deinen cust_lang z.B.


'HOME_SHIPPING_STORE'						=>"home/bild.jpg",

folgendes hinzu, und rufe es im Template dann so auf:

[{ oxmultilang ident="HOME_SHIPPING_STORE" }]

EDIT:

Achso, und der komplette Aufruf im Template sieht dann so aus:

<img src="[{$oViewConf->getImageUrl()}][{oxmultilang ident=“HOME_SHIPPING_STORE”}]" />

#3

wo füge ich den genau hinzu, damit er die versand-settings aus der oxid.css nimmt.

Wenn ich sie nach <a class=“versand”><img scr…></a> schreibe kommt ein eigenes Bild.
in <a class=“versand” img src…></a> kommt gar nix mehr.

Und was mache ich mit:

background: url ("../../img/versand.gif") no-repeat scroll 0 0;
#4

Ah, wir müssen von vorne anfangen, ich verstehe:-)

Bevor ich loslege eine Frage vorab: Warum sehe ich hier ein a Tag ohne href? Willst Du das Bild verlinken, z.B. auf die Versandseite, oder soll es einfach nur angezeigt werden?

#5

:rolleyes: Danke.
Ja, es soll einfach nur angezeigt werden.

Das Bild ist schon genau da wo ich es haben will, hat die richtige Größe usw… und soll jetzt nur noch mit Sprachwechsel in der jeweiligen Sprache angezeigt werden.
Habe dazu auch schon die cust_lang angepasst.

Drei verschidenen Logos
#6

Gut, wenn es nur angezeigt werden soll, brauchen wir auch kein a Tag.

So:

Du schiebst deine Bilder, das deutsche und das spanische bitte mit unterschiedlicher Bezeichnung in den img Ordner deines Templates.

Dann fügst du an gewünschter Stelle folgenden Code ein:


<div class="versand">
<img src="[{$oViewConf->getImageUrl()}][{oxmultilang ident="HOME_SHIPPING_STORE"}]" />
</div>

Deine CSS Klasse ist jetzt auschließlich für die Positionierung zuständig und könnte z.B. so aussehen:


.versand {
   position:fixed;
   bottom: 0;
   left: 0;
   z-index: 999998
}

Das Hintergundbild muss natürlich weg.

Jetzt fügst du ALLEN cust_lang deiner unterschiedlichen Sprachen, wir beginnen mit deutsch, folgendes hinzu:

'HOME_SHIPPING_STORE'    =>"NAME_DEUTSCHES_BILD.jpg",

jetzt spanische cust_lang

'HOME_SHIPPING_STORE'    =>"NAME_SPANISCHES_BILD.jpg",

usw.

Jetzt leerst Du deinen TMP Ordner, und nun solltest du je nach Sprache die unterschiedlichen Bilder sehen.

#7

Es werden mir nicht die Einstellungen aus der oxid.css genommen und das Bild liegt unten links Übergroß. Auch mit mit Firebug wird .versand nicht mehr angezeigt.

<div class="versand">
     <img src="[{$oViewConf->getImageUrl()}][{oxmultilang ident="VERSAND_BILD"}]" />
</div>  

.versand {   
   height: 154px;
   width: 300px;
   position:fixed;
   bottom: 0;
   left: 0;
   background-size: 100% auto;
   z-index: 999998
}
#8

tmp mal geleert?
Link zum Shop?
…

#9

Wie groß sind die Bilder, die angezeigt werden sollen? 300px breit???

Mach das weg.


height: 154px;
width: 300px;
background-size: 100% auto;
#10

Danke, habe den letzten Beitrag gelöscht während Ihr geantwortet habt ^^.

Habe jetzt einfach in der page.tpl die Größe jetzt festgelegt, Bild ist Größer. Funktioniert jetzt wunderbar.

<img src="[{$oViewConf->getImageUrl()}][{oxmultilang ident="VERSAND_BILD"}]"; height:154px; width:300px; />
#11

ok, doch wieder ein Problem, jetzt wird das Bild ja mitvergrößert wenn sich die Bildschirmauflösung ändert.

war vorhin ja nicht über die css.

#12

Das ist ja mal wieder eine schwere Geburt:-)

Sag mal, du willst doch nicht wirklich ein Versandkostenfrei-Bild auf deinem Shop unten links platzieren, was 300px breit ist. Das ist doch viel zu groß!

Gibt es denn einen Link zum Shop? Es ist so wirklich schwer, Dir zu helfen.

#13

www.suedbau.it
und ja mein Chef wollte es noch größer.

#14

So, und was ist jetzt genau das Problem?

Die Bilder werden je nach Sprache getauscht und der Container bleibt immer bei einer festen Breite von 300px, egal was für eine Auflösung eingestellt wird.

btw: zeig deinem Chef eure Seite mal auf einem mobile Device, wie Ipad und Co, also in etwas kleineren Auflösungen. Da macht dieser Banner nicht wirklich Spass.

#15

Ok, wenn ich jetzt nicht eine feste Größe haben möchte, sonder skalierbar - also wenn die Auflösung geringer ist, sollte auch das Bild dementsprechend kleiner werden.
Gebe ich dann nur Prozent an?

und danke wegen der Info zum Banner.

#16

Ach so.

Junge Junge, was Du alles willst:-) Bitte mache GENAU diese Änderungen:


<img src="[{$oViewConf->getImageUrl()}][{oxmultilang ident="VERSAND_BILD"}]" style="width:100%" />

Ändere deine CSS Klasse so:


width: 10%;
position: fixed;
bottom: 0;
left: 0;
z-index: 999998;

Eventuell muss Du das 10% nach deinen Wünschen anpassen