Page 1 of 2

category list view - add to cart

Posted: 03 Dec 2024, 16:19
by AWiki
Hi, I have followed the instructions from [url]Adding a quantity field to category/items

view[https://www.phoca.cz/documentation/115- ... items-view]

but the result is not the same as it looks like in product details view. Anzahl / In den Warenkorb.

how can I get the same layout into the category list view?

Joomla! 5.2.2 Stable
Phoca Cart 5.0.0Beta81
Site Template: Cassiopeia_phocacart_food – 4.0.1

Re: category list view - add to cart

Posted: 03 Dec 2024, 16:57
by Benno
Hi,
wegen:
Anzahl / In den Warenkorb.
weiter auf deutsch.
Phoca Cart 5.0.0Beta81
Site Template: Cassiopeia_phocacart_food – 4.0.1
Die aktuelle Phoca Cart Version ist Beta88 und Cassiopeia_phocacart_food – 4.0.1 ist ein Joomla! 4 Template.
Phoca Cart J5 Templates findest Du hier: https://www.phoca.cz/download/75-phoca- ... -templates

Freundliche Grüße,
Benno

Re: category list view - add to cart

Posted: 04 Dec 2024, 11:31
by AWiki
Hi Beno, ich habe auf Phoca Cart 5.0.0Beta87 upgedated und Teste mit
Phoca_premiere – 5.0

das Problem ist das gleiche - der Output ist nicht wie ich es haben möchte.
PS: Ich würde gerne 2 Screenshots posten aber es funktioniert leider nicht. Anbei der Link zur Webseite - die im Testbetrieb ist.

http://www.weinbau-maurer.com/Joomla/shop-maurer

Re: category list view - add to cart

Posted: 08 Dec 2024, 02:05
by Jan
Hallo, kannst Du hier ein Screenshot geben, wie soll der Output sien.

Das Problem ist, dies ist ein Bootstrap Feature, so es richtet sich nach Bootstrap und es verwendet die ganze Breite, so ich glaube, man muss dan eigenes CSS benutzen, um es eng zu machen. :idea:

Jan

Re: category list view - add to cart

Posted: 08 Dec 2024, 13:49
by christine
Hi Alfred,
AWiki wrote: 04 Dec 2024, 11:31 Ich würde gerne 2 Screenshots posten aber es funktioniert leider nicht.
Siehe hier:
https://www.phoca.cz/documentation/86-j ... forum-post

Wie schon Jan sagt, wäre es hilfreich zu wissen/sehen, wie der "Output" sein soll.

U.a. gibt es hier auch eine Info wegen dem Checkout Link:
https://www.phoca.cz/forum/viewtopic.ph ... 62#p182862 (letztes Post)

Liebe Grüße
Christine

Re: category list view - add to cart

Posted: 09 Dec 2024, 12:46
by AWiki
Hallo danke für die Tips! Warenkorb Kasse anzeigen habe ich gelöst. Ich habe die background color wie bei den buttons angepasst.

Das mit a:link funktioniert so leider nicht. Ich muß immer
.ph-small.ph-right.ph-u.ph-cart-link-checkout a:link, a:visited {color: #000;} angeben. Aber dann werden alle links im header #000.

Die spezifischen links im Warenkorb konnte ich nicht ansprechen (weder Produkt Item noch Warenkorb -Kasse).
Aber das problem ist gelöst.

Nun zu meiner eigentlichen Challenge. Anbei die link zum mokup:

https://imgur.com/a/Rr0TvHh

Re: category list view - add to cart

Posted: 09 Dec 2024, 13:10
by christine
Hallo Alfred,
AWiki wrote: 09 Dec 2024, 12:46
Nun zu meiner eigentlichen Challenge. Anbei die link zum mokup:

https://imgur.com/a/Rr0TvHh
Sehe es jetzt, was Du meinst.

Das liegt an der: rtl.css (right to left). Deswegen ist auch oben der Preis € 7,10 vor dem Wort: "Preis".
Probehalber diese deaktivieren.

Man könnte auch in die user.css schreiben:

Code: Select all

.ph-pull-right {
float: right;
}
.ph-pull-left {
float: left;
}

Code: Select all

.ph-category-price-box .ph-price-txt {
float: left;  
}
Wie schon gesagt, bräuchte man eigentlich diese rtl.css nicht. Laufrichtung oder Schreibrichtung von Texten (andere Sprachen).

Liebe Grüße
Christine

Re: category list view - add to cart

Posted: 09 Dec 2024, 16:52
by AWiki
Hallo Christine -danke das mit dem Preis ist jetzt korrigiert (ist mir noch gar nicht aufgefallen) nachdem ich beide Einträge in die user.css eingefügt habe.

Aber die Anzahl Auswahlmöglichkeit steht noch immer oberhalb von "Produktinfo" und "In den Warenkorb" bin. Die Anzahl möchte ich auf der selben Zeile wie Produktinfo und Warenkorb - wie im mokup dargestellt.

Danke für deine super Unterstützung! :D

Re: category list view - add to cart

Posted: 09 Dec 2024, 20:23
by christine
Hallo Alfred,
AWiki wrote: 09 Dec 2024, 16:52 Hallo Christine -danke das mit dem Preis ist jetzt korrigiert (ist mir noch gar nicht aufgefallen) nachdem ich beide Einträge in die user.css eingefügt habe.

a) Sehe es aber an anderer Stelle:
http://www.weinbau-maurer.com/Joomla/sh ... -veltliner

Wie ich schon oben schrieb, stört diese rtl.css (right-to-left). Also in dieser CSS:
Vor der Zeile 9 (bzw. nach Zeile acht) machen:
/*
und ganz am Ende eben:
*/
sodass obige rtl.css auskommentiert wird.

b)
Aber die Anzahl Auswahlmöglichkeit steht noch immer oberhalb von "Produktinfo" und "In den Warenkorb" bin. Die Anzahl möchte ich auf der selben Zeile wie Produktinfo und Warenkorb - wie im mokup dargestellt.
Zuerst war:
Warenkorb ....... Produktinfo.
jetzt ist es wie gewünscht vom "Mokup"
Produktinfo ...... Warenkorb.

Das gewünschte (Anzahl) in der selben Zeile, geht nicht. Zuerst möchte man ja: Produktinfo, danach Add To Cart usw.
Und ist dann so, wie im Link von a).

Hier bei dieser Demo (anderes Template) ist es anders, aber ähnlich.
https://www.phoca.cz/phocacartdemo/prem ... kids/3-lai

Liebe Grüße
Christine

Re: category list view - add to cart

Posted: 09 Dec 2024, 21:19
by Benno
Hi,
noch eine Idee:
Backend --> Komponenten --> Phoca Cart --> Kontrollzentrum --> Optionen --> Anzeige --> Kategorie- und Produkteansicht --> In den Warenkorb (Kategorie, Produkteansicht)=Nein

Dann wird in der Kategorie-Ansicht nur der 'Produkt-Info' Button angezeigt:
Image

und in der 'Produkt-Info' Ansicht der Mengenzähler so wie Du ihn möchtest, in einer Zeile mit dem 'In den Warenkorb' Button:
Image


Freundliche Grüße,
Benno