(RESOLU) Mettre du texte page d'accueil avec lien "lire plus"

[ChrisL18]

Bonjour,

Pour mon site en 1.6.1.7, j'ai ajouté pour le SEO beaucoup de texte sur la page d'accueil. Je souhaiterai en laisser seulement une partie visible et laisser la possibilité d'afficher le reste avec un clic sur un lien 'lire plus" ou "voir en détails" comme on peut voir avec les descriptions de catégories.

J'ai cherché partout sans succès. 

Quelqu'un aurait une astuce? Je suppose qu'il faut un peu de JS ...

 

Merci d'avance

[Eolia]

séparer votre texte en 2 div

donner un id à la seconde

<div id="show_text" style="display:none">
  
  Bla bla bla
  
</div>

Ajouter un bouton dans la première

<button class="btn btn-default" onClick="$('#show_text').show();$(this).hide();">
  Lire la suite
</button>

 

[ChrisL18]

Je viens de mettre ça en place et le texte à cacher reste et quand je clique sur le bouton, ce dernier disparaît ^^

[Eolia]

une url où l'on peut voir le code ?

[ChrisL18]

le voici --> https://www.epicesdumonde.com/

 

merci

[Eolia]

le code html est mal écrit la balise de la deuxième <div> se ferme trop tôt, il n'y a qu'un paragraphe de caché (qui apparait bien au clic d'ailleurs^^)

Mettez ça:

<div>
   <p style="text-align: center; margin: 100px 0 50px 0; font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; font-size: 27px; font-weight: 500; line-height: 1.1;"><strong>L'expert de la vente de saveurs&nbsp;:</strong></p>
   <div style="display: flex; flex-wrap: wrap; justify-content: center;">
      <div style="position: relative; width: 400px; height: 200px; overflow: hidden; margin: 15px; border-radius: 3px;">
         <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); color: white; font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; font-size: 23px; margin-top: 18px; margin-bottom: 9px; font-weight: 500; line-height: 1.1;">Épices</p>
         <a href="https://www.epicesdumonde.com/12-epices"><img style="width: 100%;" src="https://www.epicesdumonde.com/img/cms/epices.png" alt=""></a>
      </div>
      <div style="position: relative; width: 400px; height: 200px; overflow: hidden; margin: 15px; border-radius: 3px;">
         <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); color: white; font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; font-size: 23px; margin-top: 18px; margin-bottom: 9px; font-weight: 500; line-height: 1.1;">Poivres &amp; Baies</p>
         <a href="https://www.epicesdumonde.com/18-poivres-baies"><img style="width: 100%;" src="https://www.epicesdumonde.com/img/cms/poivre.png" alt=""></a>
      </div>
      <div style="position: relative; width: 400px; height: 200px; overflow: hidden; margin: 15px; border-radius: 3px;">
         <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); color: white; font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; font-size: 23px; margin-top: 18px; margin-bottom: 9px; font-weight: 500; line-height: 1.1;">Sels</p>
         <a href="https://www.epicesdumonde.com/24-sels"><img style="width: 100%;" src="https://www.epicesdumonde.com/img/cms/sel.png" alt=""></a>
      </div>
      <div style="position: relative; width: 400px; height: 200px; overflow: hidden; margin: 15px; border-radius: 3px;">
         <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); color: white; font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; font-size: 23px; margin-top: 18px; margin-bottom: 9px; font-weight: 500; line-height: 1.1;">Vanilles &amp; Sucres</p>
         <a href="https://www.epicesdumonde.com/30-vanilles-sucres"><img style="width: 100%;" src="https://www.epicesdumonde.com/img/cms/vanille.png" alt=""></a>
      </div>
      <div style="position: relative; width: 400px; height: 200px; overflow: hidden; margin: 15px; border-radius: 3px;">
         <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); color: white; font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; font-size: 23px; margin-top: 18px; margin-bottom: 9px; font-weight: 500; line-height: 1.1;">Thés &amp; Co</p>
         <a href="https://www.epicesdumonde.com/34-thes-co"><img style="width: 100%;" src="https://www.epicesdumonde.com/img/cms/thes.png" alt=""></a>
      </div>
      <div style="position: relative; width: 400px; height: 200px; overflow: hidden; margin: 15px; border-radius: 3px;">
         <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); color: white; font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; font-size: 23px; margin-top: 18px; margin-bottom: 9px; font-weight: 500; line-height: 1.1;">Mélanges pour Alcool</p>
         <a href="https://www.epicesdumonde.com/39-melanges-pour-alcool"><img style="width: 100%;" src="https://www.epicesdumonde.com/img/cms/alcool.png" alt=""></a>
      </div>
      <div style="position: relative; width: 400px; height: 200px; overflow: hidden; margin: 15px; border-radius: 3px;">
         <p style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); color: white; font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; font-size: 23px; margin-top: 18px; margin-bottom: 9px; font-weight: 500; line-height: 1.1;">Accessoires</p>
         <a href="https://www.epicesdumonde.com/41-accessoires"><img style="width: 100%;" src="https://www.epicesdumonde.com/img/cms/accessoires.png" alt=""></a>
      </div>
   </div>
   <div class="more">
		<h1 style="text-align: center;">Bienvenue chez Épices du monde, le meilleur endroit pour acheter des épices en ligne</h1>
		<h2 style="text-align: center;">Épices du monde, c’est avant tout la transmission de notre passion !</h2>
		<p>Achetez vos épices en ligne, pour rehausser, assaisonner ou parfumer tous vos plats ! Paprika, fenouil, piment, coriandre, romarin, ciboulette, estragon, clous de girofle, curry, tandoori, marjolaine, anis étoilé, cannelle, vanille bourbon, cardamome, poivre rose, poivre vert, sel fin… Les épices du monde entier sont désormais à portée de clics.</p>
		<button class="btn btn-default" onclick="$('#show_text').show();$(this).hide();"> Lire la suite </button>
	</div>
	<div id="show_text" style="display: none;">
		<h2>Acheter des épices en ligne grâce aux conseils d’un expert passionné</h2>
		<p>Retrouvez ici toutes nos vanilles en gousse, de Bourbon et Tahiti à la vente. Fruit provenant de certaines orchidées du genre Vanilla, la vanille est produite dans plusieurs régions tropicales du monde. On la retrouve au Madagascar, l'Indonésie, le Mexique, l'Île de la Réunion. C'est l'un des produits agricoles les plus chers au monde.</p>
		<p>La transformation de la fleur à la gousse nécessite plusieurs étapes, élaborées au XIXème siècle par les réunionnais.</p>
		<p>Pour des idées recettes utilisant les gousses de vanille, allez faire un tour <a href="https://www.epicesdumonde.com/smartblog.html">sur notre blog</a>.</p>
		<p>Acheter de la vanille de qualité, ce n’est pas simple. Voici quelques petits conseils pour bien choisir votre vanille. Au-delà de son parfum enivrant, une gousse de vanille de qualité doit répondre à bien d’autres critères. Elle doit être souple, luisante et grasse. Gardez bien en tête que plus votre gousse sera foncée, meilleure elle sera. De même que plus elle sera charnue, meilleure elle sera car elle renfermera un plus grand nombre de graines de vanilline. La taille de la gousse n’a quant à elle que peu d’importance, à partir du moment où la vanille a été récoltée à maturité optimale.</p>

		<p>Épices du monde, c’est l’histoire d’un gérant passionné par le monde des épices. En 2005, diffuser son savoir et vendre des épices était devenu pour lui, une évidence. Et tel un enfant choyé, Épices du monde a grandi avec comme principal objectif de vous transmettre notre passion et de vous satisfaire lors de vos achats d’épices en ligne. Pour ce faire, notre équipe vise la qualité. En effet, qu’il s’agisse de nos épices, de nos condiments, de nos sels et poivres, de nos baies, de nos thés et tisanes… épices du monde porte une attention particulière à la qualité des produits. Sur notre site d’achat d’épices en ligne, nous vous garantissons la traçabilité de tous les produits. Par ailleurs, Épices du monde se fait fort de valoriser les produits Made in France. Outre les produits classiques, Épices du monde est à l’affût des dernières tendances en matière d’épices et de condiments. Nous nous efforçons de mettre en vente ces nouveaux produits le plus rapidement possible pour vous les faire découvrir. Outre le fait d’acheter des épices en ligne, consultez également notre blog et notre page dédiée aux recettes du monde : cuisine indienne, cuisine mexicaine, cuisine provençale... Aujourd’hui, Épices du Monde, c’est plus de 500 références d’épices en ligne, mises à votre disposition dans notre boutique en ligne d’épices et de condiments. Une véritable invitation au voyage. Alors prêt pour un tour du monde ?</p>
		<h2>Découvrez nos gammes de produits et achetez vos épices en ligne</h2>
		<h3>Acheter des épices et des condiments</h3>
		<p>Si vous souhaitez acheter des épices en ligne, qu’il s’agisse d’épices pures (entières ou en poudre), de piment, d’herbes et d’aromates, de safran, de mélanges d’épices, vous trouverez forcément votre bonheur. Des épices incontournables, comme le curcuma ou la cannelle, aux épices les plus rares telles que le yuzu ou encore le safran, en passant par les épices orientales, ou encore les épices plus insolites comme le molokheya ou le curry noir, il y a de quoi mettre en éveil vos papilles de fins gourmets ! Un petit conseil, testez également nos mélanges d’épices (mélange quatre épices, persillade, mélange des aborigènes, mélange cinq baies…). Et bien sûr, ne passez pas à côté de nos herbes aromatiques, et de tous les classiques : ail, sésame, thym, persillade, pétales, flocons… Pour épicer vos grillades, vos couscous, vos soupes et même pour parfumer votre pain ou votre vin chaud, retrouvez toutes nos épices en vente sur internet.</p>
		<h3>Acheter du poivre et des baies</h3>
		<p>Divulguons notre petit secret : les poivres sont notre pêché mignon… Épices du monde voue une passion ardente pour les poivres ! C’est pourquoi, Épices du monde, vous propose une gamme complète de poivres au gré de ses différentes robes, poivre noir, poivre rouge, poivre blanc ou encore poivre vert. Retrouvez ici nos poivres de Kampot, de Penja, de Malabar, ainsi que tous les autres, dont les baies et les faux poivres.</p>
		<h3>Acheter du sel en ligne</h3>
		<p>Il y en a pour tous les goûts : des sels rares, des sels d’origine tels que le sel Murray River d’Australie ou encore le sel rose de l’Himalaya en passant par les sels aromatisés comme le sel du vigneron ou bien le sel Viking. Un voyage autour du monde ! Découvrez nos différents sels en ligne (et fleur de sel). Certains vous surprendront certainement ! Et si vous osiez saupoudrer vos plats avec du sel noir, des diamants de sel, du sel doré de Noël… ?</p>
		<h3>Acheter de la vanille et des sucres</h3>
		<p>Ce n’est peut-être pas le fait d’acheter des épices en ligne qui vous tente, mais celui de condiments aux saveurs plus sucrées ? Vous trouverez également sur notre site de vente d’épices du monde, les deux variétés de vanille (en gousses ou en poudre) qui se partagent la notoriété : la vanille Bourbon de Madagascar et la Vanille de Tahiti. Quant aux sucres, découvrez notre sélection originale de sucres aromatisés aux différents parfums : sucre à la cannelle, à la fleur de coco, à la fève de Tonka ou encore au gingembre.</p>
		<h3>Acheter du thé, des infusions, des préparations pour chocolat chaud</h3>
		<p>Amateur de thé ? Épices du monde vous propose une carte de thé complète : du thé noir Tchai massala au très classique thé vert menthe en passant par les infusions de Rooibos. Quant à nos infusions et tisanes vendues en ligne, testez-les, vous ne serez pas déçu ! Alors, et si lors de votre visite pour acheter des épices en ligne, vous en profitiez pour faire un petit passage par notre page dédiée au thé et aux tisanes ?</p>
		<h3>Acheter des mélanges pour alcool</h3>
		<p>Épices du monde ne vend pas d’alcool, mais des préparations incroyables ! Ils sublimeront vos cocktails. Choisissez la préparation pour alcool adaptée à votre rhum arrangé de bois bandé, de la Réunion, Zouk, de la Guadeloupe, de Cuba et tant d‘autres. Un régal ! Mais… restez raisonnable !</p>
		<h3>Des coffrets cadeau</h3>
		<p>Pour un cadeau ou tout simplement pour vous faire plaisir, découvrez nos coffrets cadeau d’épices et tous les autres. Dans la rubrique coffret, vous découvrirez des coffrets d’épices, de poivres, de sels, de thés et tisanes, de mélanges pour rhum arrangé. Avec leur design contemporain, vous en épaterez plus d’un !</p>
		<h3>Des accessoires</h3>
		<p>Fort de notre succès, nous vous proposons également à la vente en ligne, des accessoires incontournables qui, croyez-nous, feront leur effet dans votre cuisine ! Moulins à poivre, moulins à sel, moulin à muscade, pot à épices, accessoires pour le thé… Découvrez notre gamme design d’accessoires.</p>
		<h2>Et pour chaque épice en ligne, un descriptif détaillé !</h2>
		<p>Mais acheter des épices en ligne, et en savoir plus sur ce que vous achetez, c’est mieux, non ? C’est pourquoi, si vous êtes curieux, comme nous le sommes chez Épices du Monde, vous serez également ravi de découvrir pour chaque produit que vous achetez, une fiche détaillée présentant : - Son historique - Sa présentation - Ses différentes utilisations en cuisine salée ou sucrée - Ses bienfaits pour la santé, car oui ! Les épices sont bonnes pour la santé. - Et quelques anecdotes parfois salées ou poivrées…</p>
		<h2>Épices du monde : acheter des épices en ligne, mais pas que !</h2>
		<p>Épices du monde ne se contente pas de vendre des épices en ligne ! Si vous achetez des épices en ligne, autant bien les utiliser ! Nous vous proposons régulièrement des recettes sublimant vos achats d’épices et valorisant la cuisine du Monde. Retrouvez nos nombreux plats salés et sucrés qui mixent les arômes : piquants, épicés, à l’anis étoilé, subtils… vous trouverez forcément votre bonheur ! Un petit caviar d’aubergines au poivre de Penja noir, ça vous tente ? Des madeleines à la fève de Tonka, vous avez déjà goûté ? Des idées de cuisine indienne, provençale ?</p>
		<p>Et pour finir, sur notre blog, Épices du monde vous transmet ses connaissances, des conseils d’utilisation et des fiches d’informations à la fois générales et très instructives. Vous voulez en savoir plus sur les bienfaits du curcuma, les bienfaits étonnants des épices sur la santé, tout savoir sur le basilic, le guacamole, le curry indien, le cumin, le ras el hanout… abonnez-vous à notre blog et à notre newsletter !</p>
		<h2>Acheter des épices en ligne avec le meilleur rapport qualité/prix</h2>
		<p>Comme précisé dans l’introduction, vous pouvez acheter nos épices en ligne et tous nos produits en toute sécurité. Ils sont de qualité et font l’objet d’une traçabilité rigoureuse. Aussi, vous ne trouverez pas sur notre site des épices « low cost » et des condiments à bas coûts. Cependant, nous faisons de notre mieux pour vous proposer des tarifs justes et très raisonnables ! Rassurez-vous, votre addition ne sera pas salée… Alors n’hésitez pas à passer par Épices du monde pour acheter vos épices en ligne.</p>
		<h2>Nos garanties : des clients satisfaits !</h2>
		<p>Si vous souhaitez acheter des épices en ligne, comme tout produit en ligne d’ailleurs, vous avez besoin d’être rassuré, et c’est bien normal. Pour confirmer nos dires et garantir notre crédibilité, Épices du monde a adhéré à un organisme certificateur d’avis. Autrement dit, tous les avis sont vérifiés et certifiés. Comme vous le constaterez, 98 % de nos clients, qui ont acheté nos épices en ligne, nous ont attribué la note maximale de 5/5.</p>
		<p>Alors, si vous souhaitez acheter des épices en ligne en toute sécurité (paiement sécurisé, produit de qualité…) vous êtes au bon endroit ! N’hésitez pas à nous poser toutes vos questions, via notre formulaire de contact. Et pour bénéficier de nos conseils et recettes, du lancement d’un nouveau produit et de codes promotionnels pour acheter des épices en ligne…, abonnez-vous à notre page Facebook.</p>
		<p>Bonne visite et merci à vous !</p>
		<p><em>L'équipe Épices du Monde</em></p>
		<p><em>&lt;/div&gt;</em></p>
    </div>
</div>

 

[Eolia]

on dirait que vous aviez écrit la balise dans l'editeur mais pas en code html

[ChrisL18]

Cela fonctionne parfaitement et j'ai enlevé la balise </div> en trop. 

 

Merci beaucoup !!

[Eolia]

En effet, je préfère donner des solutions qui fonctionnent