category list view - add to cart

[AWiki]

Hallo Christine & Benno! Danke für Eure tolle Unterstützung!!

@Christine ich habe die rtl.css auskommentiert.

@Benno, danke für den Tip. Wir wollen das der Kunde mit möglichst nur einer Seite alle Info's und Auswahlmöglichkeiten für eine Bestellung hat. Die Anzahl der Produkte ist relative klein. 80-90% der Kunden werden sich die Details nie ansehen aber leider müßen diese publiziert werden.

Wir haben eine Mindestbestellmenge von 6 und 12 Flaschen - und somit ist die Anzahl ein wichtiger Input.
Ich habe es geschafft auf der category-view alles in ein Zeile zu bringen. Aber leider verändert das auch das item-view.

Ich habe folgenden Code zum Testen in der user.css:
.input-group.bootstrap-touchspin {
float: inline-end;
margin-right: .85em;
width: 35%;
}
Das bewirkt das Produktdetails / Warenkorb / Anzahl in einer Zeile angezeigt wird.

Dieser sollte nur im category-view angewendet werden! Wie kann ich das entsprechend einstellen?

Nochmals Danke und bin für jede Verbesserung dankbar. Alfred

[Benno]

Hi,

Das bewirkt das Produktdetails / Warenkorb / Anzahl in einer Zeile angezeigt wird.

Hast Du Dir Deine Lösung mal mobil angesehen?

80-90% der Kunden werden sich die Details nie ansehen aber leider müßen diese publiziert werden.

Wenn der 'In den Warenkorb' Button nur auf dieser Seite zu finden ist, werden sich 100% aller Kunde die 'Produkt Info' Seite ansehen (müssen).

Freundliche Grüße,
Benno

[AWiki]

Hallo Benno ja habe ich auch mit verschiedenen Geräten - ist leider nur eine Sub-Optimale Lösung... Dynamische Programmierung für Mobile und PC ist immer sehr aufwendig....Müsste dann die @Media Einträge anpassen ...
Dort sollten es dann eben untereinander sein
-->Produktdetails
--> Anzahl
--> Warenkorb

wobei Anzahl / Warenkorb auch getauscht werden könnten...

Ich habe mir auch schon überlegt die Buttons kleiner zu machen oder Icons zu verwenden...dann sollte das kein Problem sein. Muß das mal mit meinem Verwandten besprechen wie er das sieht.

[christine]

Hallo Alfred,

würde das hier mal probieren:

Code: Select all

input.form-control.ph-input-quantity {
max-width: 3em;  
}

Hab aber erst jetzt Dein neuestes Posting gesehen.
Wollte eh wegen mediaQueries etc. anmerken. Gibt ja viele float etc. Anweisungen, was es nicht gerade leichter macht.

Zu Deinem vorherigen Code: Generell sind so margin etc. Einträge für mobile Version nicht vorteilhaft.
Das jetzt nur in Moment.

Ergänzend zu oben, eventuell:

Code: Select all

/* Produktinfo - In den Warenkorb - mobil untereinander */
@media screen and (max-width: 576px) {
.ph-category-action-buttons .ph-pull-right {
text-align: left;
}
}

Ausprobieren, anschauen. Korken drauf. Bin später heute unterwegs.

Liebe Grüße
Christine
Hi Benno

[AWiki]

Hallo nochmals Danke Euch beiden - das Problem ist für unsere Spezifika gelöst.

[christine]

Hallo Alfred,

Na Prima!
Liebe Grüße
Christine