Bloc de produit : info produit

produit

#1

Certains produits ont une description. Actuellement il y a alors un symbole (i) : en le cliquant une fenêtre modale apparaît avec l’information.
Proposition : le (i) fait apparaître la description dans le bloc lui-même. Ainsi on peut en faire apparaître plusieurs : on n’est pas obligé de fermer une info pour en voir une autre.
Le bloc s’étendra verticalement pour montrer l’info.

@Patrick devrait réduire les possibilités de balises dans l’éditeur de description, afin d’éviter des mises en forme exotiques dans la description.


#2

Voilà ma proposition (http://www.extrapaul.be/repanier/commande.php) : un petit [i] bleu apparaît s’il existe une description. En cliquant dessus le texte apparaît dessous. En cliquant il disparaît.

Cela fonctionne en jQuery : pas besoin de requête serveur, le texte est déjà dans la page, mais cachée par défaut (avec la dernière version de default.css).
Le lien est codé comme ceci :
<A href="javascript:void(0);" class="badge badge-primary toggle-product-info" id-product="% id-container-produit"><i class="fas fa-info"></i></A>

Il faut ajouter id-container-produit au niveau du bloc produit :
<DIV id="id-container-produit" class="col-product ...

Et le tour est joué avec le Javascript suivant :

$(".toggle-product-info").click(function(){
   $("#product-"+$(this).attr('id-product')+" .product-info").toggle(300);
});