Coder en Html/javascript "En savoir plus"

WordPress :6.4
Statut : non résolu

Ce sujet contient 4 réponses, 3 participants et a été mis à jour pour la dernière fois par ferman, le il y a 11 mois et 3 semaines.

5 sujets de 1 à 5 (sur un total de 5)

Auteur

Messages
19 janvier 2024 à 18 h 24 min #2466220
Chris002
Participant

Initié WordPress
10 contributions
Bonjour,

Ma configuration WP actuelle
- Thème utilisé : Ocean Wp
- Nom de l’hébergeur : Planethoster
Ma question est plutôt complexe, mais j’aimerais qu’on m’aide à ajouter un bouton « en savoir plus » ou « lire la suite » à la description de ma page de collection. Le visiteur aurait alors le choix d’afficher ou de masquer la description de la page produit. Ainsi, le site serait beaucoup plus rapide, car mes pages de collections ont une longue description qui ralentit énormément le chargement. Je n’ai trouvé aucun plugin permettant de faire cela, et je recherche quelqu’un d’expert en code qui pourrait m’aider à le mettre en place. J’utilise la version gratuite du thème Ocean WP (je ne me rappelle plus du nom exact). Merci à ceux qui essayeront de m’aider.
19 janvier 2024 à 19 h 14 min #2466228

Joss47
Modérateur

Maître WordPress
5359 contributions

Bonjour,

peux tu nous fournir l’URL de ton site et savoir ou tu veux voir cela?

4 mai 2024 à 17 h 24 min #2472365

Chris002
Participant

Initié WordPress
10 contributions

Bonjour, excuser moi du réponse tardive voici le lien : https://toilet-bag.com/categorie-produit/grande-trousse-de-toilette/

Encore désolé et merci !

6 mai 2024 à 20 h 00 min #2472434

ferman
Modérateur

Maître WordPress
7528 contributions

Bonjour,

Essayez le code PHP/jQuery mentionné ICI. Testé chez moi; fonctionne. Le code est à mettre dans functions.php d’un thème enfant ou en utilisant un plugin tel que code snippets

6 mai 2024 à 23 h 52 min #2472451
ferman
Modérateur

Maître WordPress
7528 contributions
Re-bonjour;

Je me suis rendu compte que le bouton read-more ne disparaissait pas après action. Il suffit de modifier légèrement le dernier paragraphe du code pour l’enlever:
```
//Set description container back to its original height
                $( "header .read-more" ).on( "click", function() {
                    $("header .term-description").animate({height: curHeight});
					$("button.read-more").remove();
                });
```
Et bien sûr, vous pouvez changer te texte du bouton (read more -> voir plus):
```
//Add 'Read more' button
                $("header .term-description").after( "<button class='read-more' style='margin:15px 0;'>Voir plus</button>" );
```
- Cette réponse a été modifiée le il y a 11 mois et 3 semaines par ferman.
Auteur

Messages