Mobile Ansicht unter Honeygrid ändern?

Generell kann man das Design via CSS-Anpassung problemlos ändern.

Bitte nicht böse nehmen, aber die Positionierung der Login-Box ist in deinem Shop das geringste Problem. Es gibt immer noch zahlreiche andere Baustellen. Ich rege an, diese zuerst zu beheben, bevor Du weitere Baustellen aufmachst.

Vor einigen Monaten hatte ich dir geholfen, das Problem mit den Explosionszeichnungen zu lösen. Danach hatte ich empfohlen, bei den Bildern die Klasse "img-responsive" hinzuzufügen, da es ansonsten mobil sehr, sehr unattraktiv ist. Die Bilder sprengen immer noch den Rahmen exorbitant und ich habe den Drang, den Shop wieder zu verlassen. Übrigens mag Google das auch nicht, wenn Inhalte den Shoprahmen sprengen. Wie schlimm das Google sieht, weiß ich nicht, aber die monieren das als Problem, definitiv.

Um mal die größten Probleme aufzulisten:

- Explosionszeichnungen in der Mobilansicht zu groß.



- Produktslider auf der Startseite extrem ungünstig. (Mobilansicht)



- Wieder auf der Startseite hast Du eine "Trennlinie" mit Unterstrichen hinzugefügt, die möglicherweise in der Desktopansicht zumindest optisch den Zweck erfüllen, in der Mobilansicht aber wieder dazu führen, dass der Shoprahmen exorbitant gesprengt wird und der Shop sich nach rechts und links schieben lässt. Das wäre mit einem <hr> Tag ganz einfach zu lösen.



- Kategorieseiten: Auch hier sind die Produktlisten extrem ungünstig und nicht optimiert, wie im Folgenden zu sehen ist. Einige Titel sorgen dafür, dass auch hier der Rahmen gesprengt wird.



Das waren jetzt die, aus meiner Sicht, größten Problem, die ich persönlich zuerst lösen würde, bevor ich mich an Luxusprobleme mache. Abschließend würde ich dir empfehlen, eine Agentur kostenpflichtig zu beauftragen, da Du dich offenbar nicht so mit der Thematik auskennst.

 

Du verwendest die "alten" Produktslider. Diese sind für die mobile Ansicht nichts.
Hier hatte ich mal eine Anleitung geschrieben, wie du das änderst:

1.
Admin Bereich, Einstellungen nach "Startseite" filtern und hier überall eine 0 schreiben:
-Anzahl der neuen Artikel auf der Startseite
-Anzahl der Angebote auf der Startseite
-Anzahl der empfohlenen Artikel auf der Startseite
2.
Dann in den Style Edit und ein Produktliste-Widget dorthin setzen wo der Slider hinsoll. Dort kannst Du neben dem Wort Produktliste auf den Stift klicken und bei mobil 2 eintragen. Dann sieht man 2 Produkte nebeneinander. Das gleiche natürlich bei klein medium und groß. Groß ist die Desktop Ansicht. Medium das Tablet.

nimm als Trennlinie einfach ein Widget im Style-Edit.

Da deine Artikelnamen so lang sind, passen keine 2 Artikel nebeneinander. Das System weiß nicht wo es die langen Wörter trennen soll. Da wäre es besser, keine 2 Artikel nebeneinander, sondern nur einer.
Style-Edit > Produkte > Produktliste > Gridspalten mobil 1

warum hast du die Suche im Header ausgeschaltet?
Schalte sie wieder ein, dann ist die Lupe in der mobilen Ansicht im Header.
Style-Edit > Header > Suche > "Suche im Header ausblenden" ausschalten

 

Das System kann das eigentlich sehr gut.

Kann man so lösen:

Code:

.class {
hyphens: auto;
}

Wenn ich mich recht entsinne, erfüllt die folgende Einstellungen genau den selben Zweck. Sollte es die Option im Honeygrid nicht geben, dann einfach per CSS lösbar.


Zudem würde ich die Artikeltitel kürzen lassen:

Doch, das geht schon, wenn man es richtig macht.
Generell kann man die ganzen Probleme im Grid-Mode auch einfach so lösen:

Code:

.productlist-viewmode-grid .product-container .product-tile .title-description .title a {
overflow: unset;
}

.productlist-viewmode-grid .title-description {
  hyphens: auto !important;
  padding: 0 !important;
}

.productlist-viewmode-grid .product-container .product-tile .price-tax .shipping {
min-width: 90px;
}

.productlist-viewmode-grid .product-container .product-tile .inside .content-container .content-container-inner {
height: min-content;
}

Sieht dann so aus: