Trusted Shop Logo Einprogrammieren Einblenden

[C3RO]

Hallo!

 

Hätte da mal ne frage. Und zwar wollte ich in meinem Shop eine TrustedShop Logo einbinden. Sollte auf der Hauptseite neben dem Logo links "wie auf dem Bild" stehen. Wo müsste dieser DIV eintrag rein und was wäre die css einstellung?

 

Ich habe das mal im Header.tpl eingebaut. Doch das Problem ist, wenn der Monitor kleine auflösung hat kommt das TrustedShop logo auf das Shoplogo.

 

Wie könnte man das umgehen?

 

Danke

[kulli]

man könnte es auch mit einem Bildbearbeitungsprogramm ans Logo anbauen

allerdings fehlt dann der passende Link

[C3RO]

Habe ich auch gedacht aber fehlt der link genau.

[kulli]

müsste dann in die header.tpl

ca. hier:

<div class="container">
							<div class="row">
								<div id="header_logo">
									<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
										<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
									</a>
								</div>

da must Du aber die Coder fragen, wie man da noch eine Grafik unterbringt.

[C3RO]

....das habe ich schon so eingebaut gehabt.

das Problem ist nur, wenn jemand Bsp. eine Auflösung von 1024x800 hat... dann rutscht der Siegel auf das Logo oder auf die Suche also Richtung rechts.... und das sieht natürlich wie gewollt und nicht gekonnt aus.

 

sonst habe ich den Code schon selber geschrieben gehabt. ich glaube das Problem ist, dass es im "header.tpl" liegt und damit kein separater div ist.

 

 

mein definierter code sieht so aus:

 

header.tpl:

<div class="shopsiegel">
  <a target="_blank" href="http://ontrust.net/gepruefter-shop-zertifikat-343934170114"><img src="https://naturalcure.de/img/cms/gepruefter-shop-siegel-kontur-90x90.png" alt="Trusted Shop" height="90" width="90">
  </a></div>
 

 

global.css:

.shopsiegel {
    padding-left:40%;
    padding-top:-180px;
    position:absolute;
    z-index: 9999;
    }

 

PS: Habe es aktuell eingebaut. kannst selber nachsehen. nur will ich wie gesagt --- exakt mit 10px abstand neben dem logo. und falls die auflösung sinkt darf es nicht über das logo gehen sondern immer daneben bleiben wie ein etikett....

 

Hier zum shop

naturalcure.de

 

würde mich über eine Lösung freuen! Greetz!

Edited November 25, 2015 by Entelekta (see edit history)