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

Online Tomcraft

  • modified Team
  • *****
  • Gravatar
  • Beiträge: 43.846
  • Geschlecht: Männlich
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #375 am: 20. September 2019, 23:48:51 »
[...]
Aber die Pipes fehlen glaube immer noch (siehe Antwort #368).
[...]

Danke für den Hinweis. Habe ich soeben in r12137 noch im SVN korrigiert.

Grüße

Torsten

Shop Hosting

Offline FräuleinGarn

  • Fördermitglied
  • *****
  • Beiträge: 3.330
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #376 am: 15. Oktober 2019, 23:13:34 »
@Markus
Mir ist auf der product_reviews_info.php noch aufgefallen, dass die beiden Pfeile für Zurück und weiter (nächster Rezensionsartikel) unterschiedlich sind. Wäre hübscher, wenn die einheitlich aussehen.

Gruß Timm

Offline FräuleinGarn

  • Fördermitglied
  • *****
  • Beiträge: 3.330
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #377 am: 16. Oktober 2019, 07:42:35 »
Der rechte Pfeil geht zur Artikeldetailseite und nicht zum nächsten rezensierten Artikel. Das hatte ich falsch angegeben in meinem letzten Post.

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

Gruß Timm

Offline Markus

  • modified Team
  • *****
  • Beiträge: 989
  • Geschlecht: Männlich
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #378 am: 16. Oktober 2019, 11:24:06 »
Hi Timm,

ist erledigt in r12281 & r12282. Ich habe jetzt eine Button Text hinzugefügt. :-)
Das Icon wird so bleiben da es im Prinzip der gleiche Button ist wie auch im Listing. Wenn ich das hier ändere wird das auch im Listing mit geändert.

Markus

Offline FräuleinGarn

  • Fördermitglied
  • *****
  • Beiträge: 3.330
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #379 am: 16. Oktober 2019, 12:19:08 »
Hallo Markus,

danke für den Zusatztext des Buttons.

So richtig schön finde ich persönlich die unterschiedlichen Pfeile nicht, aber ich hab mir schon gedacht, dass dann wieder andere Stellen beeinflusst werden.

Gibt aber noch mehr solcher Ungereimtheiten. Vielleicht sollte man die Button generell überarbeiten.

Bsp Warenkorb unterschiedliche Pfeile

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

und der linke Pfeil im Warenkorb ist wieder anders als die beiden gleichen auf der checkout_shippping

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

Mir ist nochwas aufgefallen, weil bei mir mit Magiczoom auf der Artikeldetailseite beim laden der Popupimages durch hovern verschiedene Bilder doppelt geladen werden.

Im Demoshop wird beim ersten aufrufen der colorbox für das Artikelpopupbild sowohl das vorherige als auch das nächste Popupbild geladen. Bei Klick zum nächsten Popupbild wird dann nur noch das entsprechende Popupbild nachgeladen. Ist das nicht ressourcenverschwendend und unnötig?

Vielleicht ist das ja auch der Grund für mein Magiczoomproblem.

Gruß Timm

Offline Markus

  • modified Team
  • *****
  • Beiträge: 989
  • Geschlecht: Männlich
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #380 am: 16. Oktober 2019, 12:27:47 »
Hi Timm,

was die Buttons angeht müssen wir mal schauen da werde ich jetzt aber für die kommenden Version nicht mehr drangehen.

Was die Bilder angeht machen wir da kein "preload" ... das macht dein Browser :-)
Warum der 2. Get Aufruf bei mehrseitigem Listing?

Markus

Offline FräuleinGarn

  • Fördermitglied
  • *****
  • Beiträge: 3.330
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #381 am: 16. Oktober 2019, 13:19:19 »
Alles klar-hab ich nicht gewusst.

Da sind die Browser auch alle unterschiedlich. Das mit der paginierten vorgeladenen Seite passiert in Safari zb nicht. Das vorladen in der Colorbox aber sowohl in Firefox, als auch in Safari.

Gruß Timm

P.S. Läuft das Forum auch auf PHP 7.3.3, wie der Demoshop? Passiert ja generell öfters, aber heute ständig 503 error. Hatte von meinem Hoster mal gelesen, dass er deshalb erst ab einer späteren Php 7.3.x Version diese freigegeben hat für die Nutzer. Vielleicht würde das ja was bringen.

Offline noRiddle

  • Experte
  • *****
  • Beiträge: 10.176
  • Geschlecht: Männlich
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #382 am: 16. Oktober 2019, 18:40:55 »
Icons in Buttons:
Kann man nicht die Icons der Buttons selbst leicht in /templates/DAS_TEMPLATE/lang/buttons_SPRACHE.php bestimmen/ändern ?

Gruß,
noRiddle

Offline Markus

  • modified Team
  • *****
  • Beiträge: 989
  • Geschlecht: Männlich
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #383 am: 16. Oktober 2019, 18:43:06 »
Hi noRiddle,

doch ... das kann man natürlich auch selbst problemlos machen. :-)

Markus

Offline FräuleinGarn

  • Fördermitglied
  • *****
  • Beiträge: 3.330
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #384 am: 16. Oktober 2019, 19:26:58 »
Klar kann man das. Nicht alle Beiträge sind auf meine mangelnden Programmierkenntnisse zurückzuführen  :lol: Oft geht es mir darum, dass die/das Standardinstallation/Standard responsive Template so gut wie möglich ist.

Gruß Timm

Offline FräuleinGarn

  • Fördermitglied
  • *****
  • Beiträge: 3.330
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #385 am: 01. November 2019, 10:05:30 »
Hallo Markus,

da ich im Bug Tracker gesehen hab, dass die Suche angepasst wurde...

Ist das gewollt, dass mobil nicht die Vorschaubilder in der Suche angezeigt werden? Auf dem Desktop sieht man sie und bei mir auch mobil. Weiß grad aber nicht mehr, ob das eine Einstellung war, zumindest find ich sie nicht.

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

Und ich würde nochmal anregen die Schriftgröße mindestens für die Suche zu verkleinern. Sonst wird das Formularfeld gezoomt in iOS und man sieht nur noch die Hälfte bei den Ergebnissen. Ich find meine Lösung da besser.

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

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

Gruß Timm

Offline Markus

  • modified Team
  • *****
  • Beiträge: 989
  • Geschlecht: Männlich
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #386 am: 01. November 2019, 10:16:44 »
Hi Timm,

die Bilder in der Suchvorschau werden ab 400px Breite ausgeblendet.
Dafür gibts keine Einstellung .. das ist in der media-queries.css so hinterlegt und kann dort auch geändert werden.

Code: CSS  [Auswählen]
@media screen and (max-width: 400px) {
     .suggestionList li .autocomplete_image { display:none !important; }
}

Zu Punkt 2 ... du meinst vergrößern auf 16px .. oder?

Markus

Offline FräuleinGarn

  • Fördermitglied
  • *****
  • Beiträge: 3.330
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #387 am: 01. November 2019, 10:35:55 »
Ja genau da hab ich es auch geändert

Code: CSS  [Auswählen]
@media screen and (max-width: 400px) {
  /*.suggestionList li .autocomplete_image { display:none !important; }*/

Und ja ich meinte natürlich Schrift vergrößern. Sorry

Hab das bei mir so gelöst und funktioniert meiner Meinung nach sehr gut.

Code: CSS  [Auswählen]
/* kein Zoom auf iOS für Inputfelder und dadurch kein unnötiges rauszoomen bei der Suche um Preis, Bilder und den Pfeil nächste Seite zu sehen*/
@media only screen and (max-width: 768px) {
    select,
    textarea,
    input {
      font-size: 16px;
    }  
}

Aber es ist natürlich für jeden leicht änderbar in der mediaqueries.css.

Gruß Timm

Offline Markus

  • modified Team
  • *****
  • Beiträge: 989
  • Geschlecht: Männlich
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #388 am: 01. November 2019, 15:40:05 »
Hi Timm,

damit vergrößerst du aber alle Felder wenn die Auflösung kleiner als 768px ist, unabhängig vom Endgerät mit welchem ich auf die Seite gehe ... das wäre mir persönlich viel zu ungenau.

Versuchs mal damit ...

Code: CSS  [Auswählen]
@media screen, (device-aspect-ratio: 2/3), (device-aspect-ratio: 40/71), (device-aspect-ratio: 375/667), (device-aspect-ratio: 9/16) {
  select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
    font-size: 16px;
  }
}

Quelle: https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/

Markus

Offline FräuleinGarn

  • Fördermitglied
  • *****
  • Beiträge: 3.330
    • Teile Beitrag
Re: Responsive Template für Modified
« Antwort #389 am: 01. November 2019, 16:18:17 »
Hallo Markus, vielen Dank, ich teste den Vorschlag mal heute Abend.

Allerdings kann ich nicht nachvollziehen, dass sich meine Inputfelder vergrößern. Die sind auf dem iPhone bei der Suche und der Registrierung genauso groß wie ungezoomt im Dev Shop.

Einzig die Schrift darin kann ich nicht genau einschätzen, ob die unterschiedlich ist. Dafür ist das zu klein. Da müsste ich mal screenshots machen und die durch hinundherswitchen vergleichen.

Gruß Timm


Teile per facebook Teile per linkedin Teile per twitter