Mobile Template Shoplogo skalieren

[XYZ]

Ich verwende ein langes, bannerartiges Shoplogo, dieses wird im Mobile Template jedoch einfach abgeschnitten. Habe es mit

{if $ShopLogoURL && $Einstellungen.template.mobile_frontpage.show_shoplogo == "Y"}
{image src=$ShopLogoURL alt=$Einstellungen.global.global_shopname width=100%}
{/if}

in der seite_startseite.tpl versucht, jedoch keine Änderung.

 

[david]

AW: Mobile Template Shoplogo skalieren

nutze ein richtiges img-tag anstatt der smarty-image-funktion oder skaliere per css

 

[PMP]

AW: Mobile Template Shoplogo skalieren

Vorweg: ich habe keine HTML Kenntnisse, insofern bitte ganz einfach erklären
Ich habe das gleiche Problem. Bei mir im Shop3 sieht das Logo richtig aus, im mobilen Shop wird es aber abgeschnitten. In der Shop-Admin steht, dass Logo soll 180px x 50px haben. Das würde auf der normalen Seite aber total komisch aussehen und nicht passen. Kann mir jemand sagen, welches die richtige Shoplogo-Größe ist und wie ich das anschließend im mobilen Shop hinbekommen, damit es nicht abgeschnitten ist. Ein img-Tag sagt mir irgendwie gar nichts... Sorry

 

[PMP]

AW: Mobile Template Shoplogo skalieren

Hi, kann mir keiner sagen, wie ich das hier in seite_sartseite.tpl verändern muss, damit das Shoplogo auf der mobilen template Seite ordentlich aussieht und nicht rechts über den Rand hinaus ragt?

{if $ShopLogoURL && $Einstellungen.template.mobile_frontpage.show_shop logo == "Y"}
{image src=$ShopLogoURL alt=$Einstellungen.global.global_shopname width=100%}
{/if}

 

[koenig-felgen]

AW: Mobile Template Shoplogo skalieren

ja... bitte antworten und Tips für Laien geben, auch wir müssten ein größeres Logo entsprechend anpassen, damit es es im Mobile Template "schön" aussieht

DANK!

 

[doctorcycle]

AW: Mobile Template Shoplogo skalieren

Hier ist die Lösung.
http://forum.jtl-software.de/templa...3/48888-anderes-shoplogo-mobile-template.html

 

[ongnamo]

AW: Mobile Template Shoplogo skalieren

@doctorcycle: Nein, das ist nicht die Lösung. Dort wird nur gezeigt, wie man ein ANDERES Shoplogo einbindet.

Hier ist die Frage jedoch, wie man das Shoplogo so darstellen kann, dass es insbesondere in der senkrechten Smartphone-Position skaliert wird, damit es nicht als rechts abgeschnitten erscheint.

Hat hierfür jemand eine Lösung?

 

[XYZ]

AW: Mobile Template Shoplogo skalieren

Hab jetzt alles durch, wie kann man das Shoplogo im Mobile-Template an die zur Verfügung stehende Bildschirmbreite anpassen? Skalierung per CSS funktioniert auch nicht.

 

[ongnamo]

AW: Mobile Template Shoplogo skalieren

Mir wurde bisher gesagt: Nein geht nicht. Du musst damit leben.

Sollte es eine Lösung geben, wäre ich sehr interessiert.

 

[XYZ]

AW: Mobile Template Shoplogo skalieren

Verstehe ich nicht, die Artikelbilder werden doch auch per CSS .article_image auf max 100% skaliert, warum geht das mit dem shoplogo nicht, selbst, wenn man eben diese Klasse nutzt?

 

[wawi-dl]

AW: Mobile Template Shoplogo skalieren

Es müssen 2 kleine Erweiterungen eingepflegt werden!



\templates\JTL-Shop3-Mobile\themes\default\theme.css

Am Ende diesen Code einfügen, Bildpixel müsst ihr anpassen ...

/* Shop-Logo */
#logo_mobile {
	width:150px; 
	height:50px;
}
#logo_mobile img {
	width:100%; 
	height:auto;
}

\templates\JTL-Shop3-Mobile\tpl_inc\seite_startseite_custom.tpl

CUSTOM-Template erstellen und suchen nach ...

{if $ShopLogoURL && $Einstellungen.template.mobile_frontpage.show_shoplogo == "Y"}
		{image src=$ShopLogoURL alt=$Einstellungen.global.global_shopname}
{/if}

und ersetzen mit ...

{if $ShopLogoURL && $Einstellungen.template.mobile_frontpage.show_shoplogo == "Y"}
<div id="logo_mobile">
		{image src=$ShopLogoURL alt=$Einstellungen.global.global_shopname}
</div>
{/if}

Sollte somit klappen!

 

[XYZ]

AW: Mobile Template Shoplogo skalieren

Danke , perfekt, da war ich auch gerade auf dem Weg hin, hab mir angeschaut, wie das mit den Artikelbildern gelöst wird, aber Deine Lösung ist besser, wenn auch für mich 100% so funktioniert:

/* Shop-Logo */
#logo_mobile {
    width:100%; 
    height:auto;
}
#logo_mobile img {
    width:100%; 
    height:auto;
}

 

[wawi-dl]

AW: Mobile Template Shoplogo skalieren

... das war ein schnellschuß von mir, da ich grad auch dran war

Aber Kompliment, deine Lösung ist sogar von Auflösung unabhängig.

Man muss nur bedenken, ich verwende ein großes Logo hochauflösend und skaliere dirty über css herunter.
Wenn ich 100% und AUTO einstelle, kann dieses natürlich sehr groß werden.

Daher würde ich ggfls. einen harten Wert als maximale Pixelgröße angeben.


#######################

Meine Lösung daher entgültig so:

/* Shop-Logo */
#logo_mobile {
	max-width:290px; 
	max-height:50px;
}
#logo_mobile img {
	width:100%; 
	height:auto;
}

 

[XYZ]

AW: Mobile Template Shoplogo skalieren

... das war ein schnellschuß von mir, da ich grad auch dran war

Spitzen-Schuss und gut getroffen!

Aber Kompliment, deine Lösung ist sogar von Auflösung unabhängig.

Man muss nur bedenken, ich verwende ein großes Logo hochauflösend und skaliere dirty über css herunter.
Wenn ich 100% und AUTO einstelle, kann dieses natürlich sehr groß werden.

Daher würde ich ggfls. einen harten Wert als maximale Pixelgröße angeben.

Ich habe auch ein großes, bzw. langes, bannerartiges Logo, das von der Desktop-Version eben, aber sieht auch runterskaliert gut aus. Feste Werte möchte ich nicht vergeben, da ich diese jetzt halt so setzen könnte, dass es auf meinem Handy gut aussieht, bei anderen Bildschirmgrößen bis über Tablets sähe es dann aber nicht mehr so schön aus, es sei denn, man zentriert die ganze Geschichte noch.
Aber da das Logo bei der Mobile-Version ja nur auf der Startseite erscheint, kann ich mit 100% zu 100% leben.