Responsive Template für Modified

[hpzeller]

[...]
Fangen wir mal an mit dem Kategorienamen .. .der ist eigentlich nicht zu lang .. das Problem ist, dass da keine Leerzeichen drin sind und daher wird nicht umgebrochen und dann drückt es das ganze auseinander.
[...]

Wenn man einem Blockelement eine maximale Breite gibt und darin einen Text platziert der Worte enthält die über diese maximale Breite hinausragen gibt es mit der CSS3 Eigenschaft overflow-wrap die Möglichkeit solche Worte umzubrechen. Alle modernen Browser setzen das problemlos um. Beispiel siehe Link.

https://css-tricks.com/almanac/properties/o/overflow-wrap

Gruss
Hanspeter

[Markus]

Hi Tim,

stimmt .. das kann natürlich sein dass das mal wieder an dem komischen zoom-Verhalten hängt.

Hier gibts einen netten Artikel zu dem Thema ..
https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone/13918061#13918061

Ich kann das gerade mangels iPhone nicht testen ... aber die Lösungsvorschläge wären eigentlich relativ einfach umszusetzen .. kannst du das mal bitte testen?

https://stackoverflow.com/a/25614477
bzw.
https://stackoverflow.com/a/29617323

Markus

[Martin109]

Servus Gemeinde....

hat mir eventuell schnell jemand einen Tipp?
Ich wollte am Responsive Template gerade die Hintergrundfarbe von Weis
auf Hellbraun ändern. Soweit kein Problem.
Aber wie bekomme ich es dann hin das der eigentliche Shop dann nicht transparent ist?
Innerhalb des Shops wird ja dann zwichendrin auch alles Braun.

Shop Version 2.0.3 - Templete original modified Responsive

Gruß Martin      www.bay-tec.de

[wagners]

Dazu musst du der CSS-ID "layout_content" eine eigene Hintergrundfarbe zuweisen. Wenn auch der Logo-Bereich weiß sein soll, gilt das auch für die ID "layout_logo".

[Martin109]

Danke für den Tip.
Funktioniert einwandfrei

Gruß Martin

[Timm]

@Markus
Ich hab die Vorschläge getestet und nichts davon zeigt Wirkung. Auch beim weiteren lesen ist mir nichts untergekommen, was das zoomen verhindert. Und ich hab einiges anderes noch versucht-zb die Felder künstlich zu vergrößern, wodurch auch die Schrift sich auf 16px vergrößert und das ganze dann wieder verkleinert mit scalable kleiner 1. Die einzige Lösung scheint die Schriftgröße für Inputfelder auf 16px zu setzen.

Das wird auch von den meisten großen Seiten so gehandhabt.

Was ich aber gefunden habe ist Mediamarkt. Da wird in der Suche 16px genutzt aber im Kontaktformular nur 14px. Und dennoch wird da nicht gezoomt. Könntest du dir das mal angucken, wie sie das gemacht haben? Ich versteh es nicht.

https://www.mediamarkt.de/webapp/wcs/stores/servlet/MultiChannelMAContact

Gruß Timm

[Markus]

Hi Tim,

ich kann es dir nicht sagen was die da veranstaltet haben damit nicht gezoomt wird. Was mir allerdings sehr gegen den Strich gehen würde wären eben irgendwelche Javascripte die das verhindern. Wenn überhaupt dann würde ich hier nur auf CSS setzen ... aber damit scheint man das ganze nicht in den Griff zu bekommen.
Ich werde da in den nächsten Tagen mal noch ein wenig was ausprobieren .. mal schauen ob das was bringt.

Markus

[Timm]

@Markus
Wenn man per Paypal Express auf die checkout_confirmation geleitet wird, gibt es einen kleinen unschönen Effekt bei den beiden Checkboxen unten. Diese sind nicht in einer Linie mit dem Text dahinter, wie es sonst der Fall ist. Könntest du das bitte ohne Ticket für die nächste Shopversion fixen?

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruß Timm

[Markus]

Hi Tim,

kannst du das mal bitte testen ...

Einfach in der stylesheet.css ganz unten einfügen.

Code: CSS  [Auswählen]

.button_right_checkout .checkoutconditions input[type=checkbox] {
    vertical-align: middle;
    bottom: inherit !important;
}

schöne Grüße

Markus

[Timm]

Hallo Markus,

sieht gut aus 

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruß Timm

[Batscha]

Welche Änderungungen müssen denn vorgenommen werden damit der bxSlider auch unter Chrome wieder fehlerfrei funktioniert? Ich kann natürlich wie im Tutorial empfohlen die "jquery.bxslider.min.js" vom Standardtemplate nehmen, damit deaktiviere ich mir aber doch mehr oder weniger nur die Touchfunktion!? Im Demoshop wurden scheinbar Änderungen (auch optisch) am Slider vorgenommen, dort funktioniert wieder alles wie es soll.

Gruß
Batscha

[Markus]

Hi Batscha,

teste mal bitte die angehängte js-Datei.
Die bisherige bitte vorher sichern.

Markus

[Batscha]

Hallo Markus,

deine Datei behebt das Problem unter Chrome, auf dem Handy bleibt der Fehler bestehen und damit funktionieren sogar die Navibuttons nicht mehr..

*edit*
Ich hab die Datei aus dem Standardtemplate gerade nochmal versucht, funktioniert wohl doch. Hatte das ganze nur im Browser getestet und dort konnte ich vorher bei gedrückter Maustaste ähnlich zum Touchscreen scrollen. Das funktioniert jetzt zwar nicht mehr (auch nicht zwingend notwendig), aber auf dem Handy klappt alles wies soll.
Danke für die Mühe.

Gruß
Batscha

[Markus]

Hi,

den Browsercache auf deinem Handy hast du geleert?
Und im Demoshop funktioniert es?

Markus

[swisshurricane]

Hi Markus,

Vielen Dank für das Update für den bxSlider. Damit habe ich mich nun länger rumgeschlagen.
Dies behebt ebenfalls das Problem mit dem Banner-Manager.

Gruss
Harry