- Posts: 171
- Thank you received: 5
FLUX DU PASSAGE EN CAISSE en accordéon vertical
3 years 2 months ago #352858
by poupy
FLUX DU PASSAGE EN CAISSE en accordéon vertical was created by poupy
-- HikaShop version -- : 4.7.4
-- Joomla version -- : 4.3.2
-- PHP version -- : 8
Bonjour
Je voudrais savoir s'il est possible de passer le flux de passage en caisse en accordéon menu plutôt qu'en tab
En gros ce que je veux c'est que chaque étape soit dans champs accordéon plutôt que de n'être l'un à côté de l'autre.
voir pièce jointe
Merci beaucoup
-- Joomla version -- : 4.3.2
-- PHP version -- : 8
Bonjour
Je voudrais savoir s'il est possible de passer le flux de passage en caisse en accordéon menu plutôt qu'en tab
En gros ce que je veux c'est que chaque étape soit dans champs accordéon plutôt que de n'être l'un à côté de l'autre.
voir pièce jointe
Merci beaucoup
Please Log in or Create an account to join the conversation.
3 years 2 months ago - 3 years 2 months ago #352882
by Philip
Replied by Philip on topic FLUX DU PASSAGE EN CAISSE en accordéon vertical
Bonjour,
Déjà cela ne sera possible qu'à travers du code custom, et plus exactement :
- Une override de la vue "checkout/show.php", pour ajouter du javascript qui va permettre l'affichage ou pas des différentes parties du checkout
- Des commandes Css, pour réduire la hauteur de vos containers
En détail, le javascript, va vour permettre d'agir sur les containers pour ajouter des class, aquel repondra des commandes Css, exemple de code :
For Css :
Comment ajouter du css custom
Javascript :
Apprenez en plus sur le système d'override
=> Ainsi, lorsque la class sera ajouter au bon élément celui si sera "fermé" ou réduis de taille.
Regards
Déjà cela ne sera possible qu'à travers du code custom, et plus exactement :
- Une override de la vue "checkout/show.php", pour ajouter du javascript qui va permettre l'affichage ou pas des différentes parties du checkout
- Des commandes Css, pour réduire la hauteur de vos containers
En détail, le javascript, va vour permettre d'agir sur les containers pour ajouter des class, aquel repondra des commandes Css, exemple de code :
For Css :
Code:
div.div_hide {
height : 0px;
transition: height 1s;
}
Javascript :
Code:
var element = document. getElementsByClassName(required_class);
if (element .classList.contains('div_hide')) {
element.classList.remove('div_hide');
}
=> Ainsi, lorsque la class sera ajouter au bon élément celui si sera "fermé" ou réduis de taille.
Regards
Last edit: 3 years 2 months ago by Philip.
Please Log in or Create an account to join the conversation.
Time to create page: 0.179 seconds