category list view - add to cart

Phoca Cart - complex e-commerce extension
AWiki
Phoca Member
Phoca Member
Posts: 40
Joined: 06 Nov 2023, 08:39

category list view - add to cart

Post 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

Tags:
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9493
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: category list view - add to cart

Post 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
AWiki
Phoca Member
Phoca Member
Posts: 40
Joined: 06 Nov 2023, 08:39

Re: category list view - add to cart

Post 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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48455
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: category list view - add to cart

Post 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
If you find Phoca extensions useful, please support the project
christine
Phoca Hero
Phoca Hero
Posts: 2838
Joined: 28 Nov 2010, 17:20

Re: category list view - add to cart

Post 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
AWiki
Phoca Member
Phoca Member
Posts: 40
Joined: 06 Nov 2023, 08:39

Re: category list view - add to cart

Post 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
christine
Phoca Hero
Phoca Hero
Posts: 2838
Joined: 28 Nov 2010, 17:20

Re: category list view - add to cart

Post 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
AWiki
Phoca Member
Phoca Member
Posts: 40
Joined: 06 Nov 2023, 08:39

Re: category list view - add to cart

Post 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
christine
Phoca Hero
Phoca Hero
Posts: 2838
Joined: 28 Nov 2010, 17:20

Re: category list view - add to cart

Post 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
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9493
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: category list view - add to cart

Post 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
Post Reply