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 80881 mal)

Offline hpzeller

  • Experte
  • *****
  • Beiträge: 2.967
  • 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: 903
  • 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: 211
  • 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: 211
  • 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.752
    • Teile Beitrag
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: 903
  • 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

Offline FräuleinGarn

  • Viel Schreiber
  • *****
  • Beiträge: 2.752
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #247 am: 15. Mai 2019, 12:49:10 »
@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

Offline Markus

  • modified Team
  • *****
  • Beiträge: 903
  • Geschlecht: Männlich
    • Teile Beitrag
    • http://www.rehm-neuss.de
Re: Responsive Template für Modified
« Antwort #248 am: 17. Mai 2019, 14:09:32 »
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

Offline FräuleinGarn

  • Viel Schreiber
  • *****
  • Beiträge: 2.752
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #249 am: 17. Mai 2019, 14:25:57 »
Hallo Markus,

sieht gut aus  :thumbs:

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

Gruß Timm

Offline Batscha

  • Neu im Forum
  • *
  • Beiträge: 4
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #250 am: Gestern um 14:25:52 »
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

Offline Markus

  • modified Team
  • *****
  • Beiträge: 903
  • Geschlecht: Männlich
    • Teile Beitrag
    • http://www.rehm-neuss.de
Re: Responsive Template für Modified
« Antwort #251 am: Gestern um 15:04:58 »
Hi Batscha,

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

Markus

Offline Batscha

  • Neu im Forum
  • *
  • Beiträge: 4
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #252 am: Gestern um 16:26:48 »
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

Offline Markus

  • modified Team
  • *****
  • Beiträge: 903
  • Geschlecht: Männlich
    • Teile Beitrag
    • http://www.rehm-neuss.de
Re: Responsive Template für Modified
« Antwort #253 am: Gestern um 16:33:03 »
Hi,

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

Markus

600x250

Teile per facebook Teile per linkedin Teile per twitter

 


             
anything