Jump to content
C3RO

Trusted Shop Logo Einprogrammieren Einblenden

Recommended Posts

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

23794348cn.jpg

Share this post


Link to post
Share on other sites

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

allerdings fehlt dann der passende Link

Share this post


Link to post
Share on other sites

Habe ich auch gedacht aber fehlt der link genau.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

....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 by Entelekta (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More