Intégrer dans le decriptif le contenu d'une autre page

[Yvan07]

Bonjour,

Je suis sur prestashop 1.6

je cherche à intégrer dans un CMS, via un menu "accordéon", le contenu d'autres pages CMS.

J'ai réussit à le faire avec des iframes, mais je suis limité par mon hébergement à 20 iframes. (lors du chargement de la page, toutes les iframes sont chargées simultanément, ce qui me donne une erreur correspondante au nombre de connexions simultanés pour un même utilisateur.

Link to database cannot be established: SQLSTATE[42000] [1203] User XXXXXXXX already has more than 'max_user_connections' active connections

Du coup je bloque....

J'ai pensé à trois alternatives (que je n'arrive pas à mettre en place)

- soit appliquer un timeout différent sur chaque iframes (de façon à les chargés en différés)

- soit de charger le contenu de l'iframes via l'ouverture du collapse (accordéon) correspondant.

- soit de récupérer le contenu des autres pages directement dans la base de données (peut-être via une requête sql) à la place d'utiliser des iframes.

 

Si quelqu'un à une petite idée pour mettre ça dans le code source du descriptif de la page cms, ce serait vraiment génial.

Merci d'avance.

 

lien de la page: https://sherkane.be/nature/fr/content/331-TEST

et voici mon bout de code

<h3><span style="text-decoration: underline;">Bon à savoir:</span></h3>
<p>La dureté de l'eau et d'autres facteurs peuvent nécessiter une légère adaptation des recettes, pour une meilleure efficacité.</p>
<p>N'hésitez donc pas à faire plusieurs essais jusqu'à obtention du dosage idéal et d'une satisfaction optimale.</p>
<p>Si vous avez un doute quant à l'utilisation du produit sur une surface, faites d'abord un essai sur une petite surface non visible.</p>
<p>Le bicarbonate de sodium est fabriqué à partir de matières premières minérales quasi inépuisables, le sel et la craie (substances pures et écologiques naturelles).</p>
<p>C'est une poudre fine cristalline, soluble dans l'eau.</p>
<p>Il offre une multitude d'usages possibles, c'est d'ailleurs pour cela qu'il est devenu un produit incontournable dans tous les foyers du monde entier (nettoyer, dégraisser, désherber, absorber...).</p>
<p>Il est sans danger.</p>
<p></p>
<h3><span style="text-decoration: underline;">ATTENTION:</span></h3>
<p>Ne pas utiliser le bicarbonate sur la laine, la soie et l'aluminium.</p>
<p>Enfin, n'improvisez pas de mélanges sans vous informer au préalable car certaines combinaisons de produits peuvent vite devenir dangereuses.</p>
<p> </p>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Animaux </a></h4>
</div>
<div id="collapse1" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1000"> Complément alimentaire pour volailles </a></h4>
</div>
<div id="collapse1000" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/234-Bicar-animaux-volaille?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1001"> Contre les odeurs d'urine (bac litière, sol, tapis...) </a></h4>
</div>
<div id="collapse1001" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/224-Bicar-animaux-urine?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1002"> Dentifrice pour chiens & chats </a></h4>
</div>
<div id="collapse1002" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/182-Bicar-animaux-gueule?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1003"> Nettoyer & désodoriser les jouets en plastique de vos animaux </a></h4>
</div>
<div id="collapse1003" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/176-Bicar-animaux-jouet?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1004"> Nettoyer & rafraîchir le linge de vos animaux </a></h4>
</div>
<div id="collapse1004" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/174-Bicar-animaux-linge?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1005"> Nettoyer & rafraîchir les jouets en tissu (animaux) </a></h4>
</div>
<div id="collapse1005" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/229-Bicar-animaux-jouet-tissu?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1006"> Nettoyer gamelles, bols, bac litière, cages & volières (chien, chat, cheval, poule, rongeur...) </a></h4>
</div>
<div id="collapse1006" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/179-Bicar-animaux-objets?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1007"> Pelage doux et brillant (chien, chat...) </a></h4>
</div>
<div id="collapse1007" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/172-Bicar-animaux-pelage?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1008"> Rafraîchir les zones de repos de vos animaux (arbre à chat, panier...) </a></h4>
</div>
<div id="collapse1008" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/232-Bicar-animaux-paras?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1009"> Shampoing sec (chien, chat...) </a></h4>
</div>
<div id="collapse1009" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/228-Bicar-animaux-shamp-sec?content_only=1"></iframe></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Bassin & Jardin </a></h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1010"> Stabilisateur de pH (piscine, spa, fosse septique...) </a></h4>
</div>
<div id="collapse1010" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/240-Bicar-bassins-ph?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1011"> Prévention & désherbage (allées, terrasses, trottoirs...) </a></h4>
</div>
<div id="collapse1011" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/226-Bicar-jardin-desherb?content_only=1"></iframe></p>
</div>
</div>
</div>
<p></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Maison</a></h4>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1012"> Adoucir le linge </a></h4>
</div>
<div id="collapse1012" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/238-Bicar-maison-adouci?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1013"> Blanchir le linge </a></h4>
</div>
<div id="collapse1013" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/237-Bicar-maison-blanchir?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1014"> Dégraisser & désodoriser le barbecue (grilles, plaques...) </a></h4>
</div>
<div id="collapse1014" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/189-bicar-maison-bbq?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1015"> Désodorisant & anti-moisissures (placards, vestiaires, meubles à chaussures...) </a></h4>
</div>
<div id="collapse1015" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/218-bicar-maison-deso-placards?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1016"> Désodorisant (poubelles, chaussures, cendriers, panier à linge sale...) </a></h4>
</div>
<div id="collapse1016" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/220-bicar-maison-desodorisant?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1017"> Désodorisant des appareils ménagers (frigo, four, micro-ondes...) </a></h4>
</div>
<div id="collapse1017" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/216-bicar-maison-deso-app-menage?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1018"> Désodoriser </a></h4>
</div>
<div id="collapse1018" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/188-bicar-maison-desodoriser?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1019"> Désodoriser & nettoyer sièges auto, carpettes, habitacle... </a></h4>
</div>
<div id="collapse1019" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/221-bicar-maison-vehicule-habitacle?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1020"> Désodoriser les siphons </a></h4>
</div>
<div id="collapse1020" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/186-bicar-maison-siphons?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1021"> Détachant linge (sauf pour la laine et la soie) </a></h4>
</div>
<div id="collapse1021" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/192-bicar-maison-detachant-linge?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1022"> Entretien & efficacité du lave-linge </a></h4>
</div>
<div id="collapse1022" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/236-bicar-maison-lave-linge?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1023"> Entretien & efficacité du lave-vaisselle </a></h4>
</div>
<div id="collapse1023" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/235-bicar-maison-lave-vaisselle?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1024"> Faire briller l'argenterie </a></h4>
</div>
<div id="collapse1024" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/171-bicar-maison-argent?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1025"> Nettoyer & décrasser la taque de cuisson </a></h4>
</div>
<div id="collapse1025" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/170-bicar-maison-taque?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1026"> Nettoyer & décrasser poêles & casseroles </a></h4>
</div>
<div id="collapse1026" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/162-bicar-maison-poele?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1027"> Nettoyer & désodoriser glacière, sac isotherme, récipients (plastique) </a></h4>
</div>
<div id="collapse1027" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/194-bicar-maison-plastique-alim?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1028"> Nettoyer & désodoriser les jouets en plastique de vos enfants </a></h4>
</div>
<div id="collapse1028" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/178-bicar-maison-jouets?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1029"> Nettoyer & rafraîchir les jouets en tissu (enfants) </a></h4>
</div>
<div id="collapse1029" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/230-bicar-maison-jouet-tissu?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1030"> Nettoyer (émail,inox,porcelaine,...) </a></h4>
</div>
<div id="collapse1030" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/183-bicar-maison-pate-nettoyer?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1031"> Nettoyer douche & baignoire (cabine, tapis, rideau...) </a></h4>
</div>
<div id="collapse1031" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/185-bicar-maison-douche-baignoire?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1032"> Nettoyer four, micro-ondes et grille barbecue </a></h4>
</div>
<div id="collapse1032" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/169-bicar-maison-four-micro-bbq?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1033"> Nettoyer la vaisselle & planche à découper </a></h4>
</div>
<div id="collapse1033" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/163-bicar-maison-vaisselle?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1034"> Nettoyer le mobilier de jardin (plastique) </a></h4>
</div>
<div id="collapse1034" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/190-bicar-maison-moblier-jardin-plas?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1035"> Nettoyer le réfrigérateur & congélateur </a></h4>
</div>
<div id="collapse1035" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/160-bicar-maison-frigo?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1036"> Nettoyer les taches de café et thé (porcelaine, verre,...) </a></h4>
</div>
<div id="collapse1036" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/165-bicar-maison-taches-cafe?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1037"> Nettoyer récipients gras (verre & plastique) </a></h4>
</div>
<div id="collapse1037" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/212-bicar-maison-recipients?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1038"> Nettoyer taches & moisissures (réfrigérateur & congélateur...) </a></h4>
</div>
<div id="collapse1038" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/213-bicar-maison-frigo2?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1039"> Nettoyer traces sur carrelage, mur & autres surfaces (crayon, semelle, éclaboussures...) </a></h4>
</div>
<div id="collapse1039" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/211-bicar-maison-traces?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1040"> Nettoyer voiture, moto, quad... (carrosserie, phares, jantes, vitres, pare-chocs...) </a></h4>
</div>
<div id="collapse1040" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/214-bicar-maison-vehicule?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1041"> Rafraîchir, désodoriser & raviver les couleurs (canapé, sièges, tapis, moquette...) </a></h4>
</div>
<div id="collapse1041" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/239-bicar-maison-tissus-ameublement?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1042"> Rincer fruits & légumes </a></h4>
</div>
<div id="collapse1042" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/159-bicar-maison-fruits-legumes?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1043"> Stockage de textiles (tente, sac de couchage, matelas...) </a></h4>
</div>
<div id="collapse1043" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/222-bicar-maison-stockage?content_only=1"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse1044"> Stockage grenier, cave, abri de jardin (coussins, matelas...) </a></h4>
</div>
<div id="collapse1044" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p><iframe width="100%" height="500px" src="../content/196-bicar-maison-textile-stockage?content_only=1"></iframe></p>
</div>
</div>
</div>
<p></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapse4">Soins & Beauté</a></h4>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">
<p></p>
<p>Réponse 4</p>
</div>
</div>
</div>
</div>

Edited November 23, 2021 by Yvan07 (see edit history)

[Mediacom87]

Bonjour,

utiliser un module de shortcode ou en créer un.

[Yvan07]

Merci pour votre réponse et votre aide,

je vais explorer cette voie, ça semble prometteur.

[Yvan07]

Bonjour c'est peut-être un peu tard, j avais oublié de poster ma solution 😅

Voici la solution pour la quelle j'ai opté.

J'ai décidé d'inciter l'utilisateur à déclencher le chargement du contenu de l'iframe via un bouton!

Ainsi toutes les iframes ne sont pas chargées automatiquement, mais uniquement en fonction des besoins de l'utilisateur.

Voici le bout de code correspondant:

<div class="panel-group" id="groupe1" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading1">
<h4 class="panel-title"><a class="collapsed" data-toggle="collapse" data-parent="#groupe1" href="#collapse1" aria-expanded="true" aria-controls="collapse1">Maison</a></h4>
</div>
<div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1">
<div class="panel-body">
<div class="panel-group" id="groupe2" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading1001">
<h4 class="panel-title"><a class="collapsed" data-toggle="collapse" data-parent="#groupe2" href="#collapse1001" aria-expanded="true" aria-controls="collapse1001">Désodorisant </a></h4>
</div>
<div id="collapse1001" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1001">
<div class="panel-body">
<p style="text-align: left;"><a href="../content/158-Som-maison-desodorisant?content_only=1" target="iframe1001" class="btn btn-default">Voir la recette</a></p>
<p><iframe width="100%" height="500px" name="iframe1001"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading1002">
<h4 class="panel-title"><a class="collapsed" data-toggle="collapse" data-parent="#groupe2" href="#collapse1002" aria-expanded="true" aria-controls="collapse1002">Détachant à sec </a></h4>
</div>
<div id="collapse1002" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1002">
<div class="panel-body">
<p style="text-align: left;"><a href="../content/156-Som-maison-detachant-sec?content_only=1" target="iframe1002" class="btn btn-default">Voir la recette</a></p>
<p><iframe width="100%" height="500px" name="iframe1002"></iframe></p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading1003">
<h4 class="panel-title"><a class="collapsed" data-toggle="collapse" data-parent="#groupe2" href="#collapse1003" aria-expanded="true" aria-controls="collapse1003">Retirer des traces de bougies </a></h4>
</div>
<div id="collapse1003" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1003">
<div class="panel-body">
<p style="text-align: left;"><a href="../content/157-Som-maison-bougie?content_only=1" target="iframe1003" class="btn btn-default">Voir la recette</a></p>
<p><iframe width="100%" height="500px" name="iframe1003"></iframe></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading2">
<h4 class="panel-title"><a class="collapsed" data-toggle="collapse" data-parent="#groupe1" href="#collapse2" aria-expanded="true" aria-controls="collapse2">Soins & Beauté</a></h4>
</div>
<div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
<div class="panel-body">
<div class="panel-group" id="groupe3" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading2001">
<h4 class="panel-title"><a class="collapsed" data-toggle="collapse" data-parent="#groupe3" href="#collapse2001" aria-expanded="true" aria-controls="collapse2001">Terre de Sommières + Savon Noir : Pâte nettoyante pour les mains (bricolage, mécanique...) </a></h4>
</div>
<div id="collapse2001" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2001">
<div class="panel-body">
<p style="text-align: left;"><a href="../content/312-Som-savon-noir-pate-net-main?content_only=1" target="iframe2001" class="btn btn-default">Voir la recette</a></p>
<p><iframe width="100%" height="500px" name="iframe2001"></iframe></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

 

J’espère que ça pourra aider!