Phoca CART et template ASTROID

Phoca Cart - complex e-commerce extension
User avatar
MF_Btkp
Phoca Enthusiast
Phoca Enthusiast
Posts: 63
Joined: 22 Jun 2024, 15:09

Phoca CART et template ASTROID

Post by MF_Btkp »

Bonjour à toutes et tous,
Pour ma boutique, j'ai installé un template ASTROID et j'ai suivi les recommandations sur cette page:
https://www.phoca.cz/documentation/115- ... d-template
Merci à Jan! Je trouve cet outil vraiment super, je le recommande!

Sauf que, j'ai eu beau chercher, je n'ai pas trouvé comment retirer le texte "Panier d'achat" et le montant, ici "12,00€" qui s'affichent au dessus du bouton (voir l'image).
J'ai bien désactivé l'affichage du titre du module, j'ai bien suivi les instructions et appliqué les paramètres généraux recommandés, testé plusieurs choses, mais je ne sais où je peux agir sur ce texte.
Merci d'avance pour votre aide!
Belle journée à tous!

* * * * * * * * * * *
Image

https://imgur.com/a/6xsu1ad

* * * * * * * * * * *

Hello everybody,
For my shop, I installed an ASTROID template and I followed the recommendations on this page:
https://www.phoca.cz/documentation/115- ... d-template
Thanks to Jan! I find this tool really great, I recommend it!

Except that, I could search, I did not find how to remove the text "Shopping cart" and the amount, here "12,00€" which appear above the button (see image).
I deactivated the display of the module title, I followed the instructions and applied the recommended general parameters, tested several things, but I do not know where I can act on this text.
Thank you in advance for your help!
Nice day to all!

Edit: mon image ne s'affiche pas, mais le lien fonctionne...
my image is not displayed, but the link works...

Edit: Image

Image
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Phoca CART et template ASTROID

Post by Jan »

Hi, it is now recommended to use some new template, e.g. Premiere:
https://www.phoca.cz/blog/1323-how-to-i ... -demo-data

The override of the module does have this function, to display icon of the cart and the amount, this is the same in e.g. Phoca Premiere:
https://www.phoca.cz/phocacartdemo/premiere/

This can be then removed in template override output, in this case e.g.:
templates/phoca_premiere/html/mod_phocacart_cart/offcanvas.php

Jan
If you find Phoca extensions useful, please support the project
User avatar
MF_Btkp
Phoca Enthusiast
Phoca Enthusiast
Posts: 63
Joined: 22 Jun 2024, 15:09

Re: Phoca CART et template ASTROID

Post by MF_Btkp »

Merci pour ta réponse, Jan.
J'ai installé première et ... ... Quelque chose est arrivé avec une jolie couleur...

* * * * * * * *

Thanks for your answer, Jan.
I installed Première and ... ... Something happened with a nice color...

Image

https://imgur.com/pb7rq78

:shock:
User avatar
MF_Btkp
Phoca Enthusiast
Phoca Enthusiast
Posts: 63
Joined: 22 Jun 2024, 15:09

Re: Phoca CART et template ASTROID

Post by MF_Btkp »

Je n'avais touché qu'un seul paramètre: "Force Theme" que j'avais porté à "Light"..
C'est très "Light"!!

* * * * * * * *
I had only touched one parameter: "Force Theme" that I had carried to "Light"..
It’s very "Light"!
;)
User avatar
MF_Btkp
Phoca Enthusiast
Phoca Enthusiast
Posts: 63
Joined: 22 Jun 2024, 15:09

Re: Phoca CART et template ASTROID

Post by MF_Btkp »

Trouvé ce qui s'est passé: il n'aime pas que l'on crée un Template "enfant".
Je vais donc travailler sur l'orginal directement.
* * * * * * * *
Found what happened: he does not like to create a "child" template.
So I will work on the orginal directly.
:)
User avatar
MF_Btkp
Phoca Enthusiast
Phoca Enthusiast
Posts: 63
Joined: 22 Jun 2024, 15:09

Re: Phoca CART et template ASTROID

Post by MF_Btkp »

Re-bonjour Jan,
Finalement, le problème, n'est pas que cela s'affiche, mais c'est prévu pour être affiché à gauche du bouton et non au dessus.
Ca doit être simple de rectifier pour que le texte s'affiche à gauche, mais je ne sais comment faire, ni où intervenir...
Merci de ton aide,

* * * * * * * *

Hello again Jan,
Finally, the problem is not that it is displayed, but it is intended to be displayed to the left of the button and not above.
It must be simple to correct so that the text appears on the left, but I don’t know how to do it, or where to intervene...
Thanks for your help,
;)
User avatar
Nidzo
Phoca Professional
Phoca Professional
Posts: 387
Joined: 07 Nov 2018, 14:55

Re: Phoca CART et template ASTROID

Post by Nidzo »

CART MODULE
Download this override file
https://github.com/nidzo80/phoca_astroi ... /phoca.php
and place it in
templates/astroid_template_xxx/html/mod_phocacart_cart/
(xxx = Astroid template you use. There is Zero, One and Two. The latest one is Two with Astroid Framework 3.0.15)

Create Phoca Cart Cart Module and assign custom position eg. top-cart
In Advanced tab select override for this module from file you downloaded Layout > phoca

Image

WISH LIST MODULE

Download this override file
https://github.com/nidzo80/phoca_astroi ... a-wish.php
Create Phoca Cart Wish List Module and assign custom position eg. top-wish
and place it in
templates/astroid_template_xxx/html/mod_phocacart_wishlist/
(xxx = Astroid template you use. There is Zero, One and Two. The latest one is Two with Astroid Framework 3.0.15)

Create Phoca Cart Wish List Module and assign custom position eg. top-wish
In Advanced tab select override for this module from file you downloaded Layout > phoca-wish

.... continuing in the next post >>>
Last edited by Nidzo on 16 Jul 2024, 21:30, edited 1 time in total.
User avatar
Nidzo
Phoca Professional
Phoca Professional
Posts: 387
Joined: 07 Nov 2018, 14:55

Re: Phoca CART et template ASTROID

Post by Nidzo »

ASTROID
Open Astroid Layout Builder and create two module positions in one column and asign CART MODULE and WISH LIST MODULE to those position.
Image

Select that column options and set Custom Class value eg. phoca-top

Image
Image

Go to Custom Code section of Astroid template and in Custom CSS add

Code: Select all

.phoca-top {
    display: flex;
}
Image

You should get this

Image
User avatar
Nidzo
Phoca Professional
Phoca Professional
Posts: 387
Joined: 07 Nov 2018, 14:55

Re: Phoca CART et template ASTROID

Post by Nidzo »

There is no need to load Astroid options in Phoca Configuration
Just select Bootstrap 5 and preferred icon type.

Image
User avatar
MF_Btkp
Phoca Enthusiast
Phoca Enthusiast
Posts: 63
Joined: 22 Jun 2024, 15:09

Re: Phoca CART et template ASTROID

Post by MF_Btkp »

Bonjour Jan et Nidzo,

Grand merci pour ces informations. Hier je n'ai pas pu revenir sur le forum (j'avais dû trop actualiser la page en attendant la réponse).
Entre temps, j'ai essayé le template "Première", mais finalement, comme j'avais déjà travaillé de nombreuses heures à tout paramétrer, je n'ai pas eu le courage de tout recommencer, j'ai donc conservé ASTROID.

J'ai réussi à trouver une solution en utilisant la zone de codes personnalisés.
Voici les CSS qui m'ont sauvé la vie:

Code: Select all

.ph-cart-module-cart-box-info {
   display: inline-block;
      margin-right: 10px;
      margin-top: 0px;
      vertical-align: top;
}
Oui, Nidzo, j'ai bien le template "Two".
Ta solution me semble vraiment intéressante car cela se présente sur une barre et non en boutons indépendants. Je vais étudier cela et voir si je l'applique.

* * * * * * * * * * * * * * *
Hello Jan and Nidzo,

Many thanks for this information. Yesterday I could not return to the forum (I had to refresh the page too much while waiting for the answer).
In the meantime, I tried the "First" template, but finally, as I had already worked many hours to set everything, I did not have the courage to start all over again, so I kept ASTROID.

I managed to find a solution using the custom code area.
Here are the CSS that saved my life:

Code: Select all

.ph-cart-module-cart-box-info {
   display: inline-block;
      margin-right: 10px;
      margin-top: 0px;
      vertical-align: top;
}
Yes, Nidzo, I have the template "Two".
Your solution seems really interesting to me because it comes on a bar and not in independent buttons. I will study this and see if I apply it.

Sincerely,
8)
Post Reply