Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:

Autor Thema: Responsive Template für Modified  (Gelesen 78792 mal)

Offline hpzeller

  • Viel Schreiber
  • *****
  • Beiträge: 2.864
  • Geschlecht: Männlich
    • Teile Beitrag
    • xos-shop.com | XOS-Shop ist ein umfangreiches "Open Source Webshop-System", welches per Webinterface administriert wird und an die Bedürfnisse des Betreibers angepasst werden kann.
Re: Responsive Template für Modified
« Antwort #240 am: 16. November 2018, 10:07:35 »
[...]
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

Offline Markus

  • modified Team
  • *****
  • Beiträge: 893
  • Geschlecht: Männlich
    • Teile Beitrag
    • http://www.rehm-neuss.de
Re: Responsive Template für Modified
« Antwort #241 am: 16. November 2018, 10:46:02 »
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

Offline Martin109

  • Fördermitglied
  • *****
  • Beiträge: 196
  • Geschlecht: Männlich
    • Teile Beitrag
    • Bay-Tec Modelltechnik
Re: Responsive Template für Modified
« Antwort #242 am: 01. Dezember 2018, 12:31:58 »
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

Offline wagners

  • Mitglied
  • ***
  • Beiträge: 107
  • Geschlecht: Männlich
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #243 am: 01. Dezember 2018, 12:35:09 »
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".

Offline Martin109

  • Fördermitglied
  • *****
  • Beiträge: 196
  • Geschlecht: Männlich
    • Teile Beitrag
    • Bay-Tec Modelltechnik
Re: Responsive Template für Modified
« Antwort #244 am: 01. Dezember 2018, 13:14:15 »
Danke für den Tip.
Funktioniert einwandfrei :-)

Gruß Martin

Offline FräuleinGarn

  • Viel Schreiber
  • *****
  • Beiträge: 2.552
    • Teile Beitrag
    • Fräulein Garn's Stoffbiotop
Re: Responsive Template für Modified
« Antwort #245 am: 14. Januar 2019, 10:59:34 »
@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

Offline Markus

  • modified Team
  • *****
  • Beiträge: 893
  • Geschlecht: Männlich
    • Teile Beitrag
    • http://www.rehm-neuss.de
Re: Responsive Template für Modified
« Antwort #246 am: 15. Januar 2019, 10:46:19 »
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


Teile per facebook Teile per linkedin Teile per twitter

 


             
anything