Ligne d'actifs iroko.eu

Principes d'intégration

• Un élément Embed Webflow par section : l'<iframe> et une ligne <script src>, le même script que le parc immobilier. Plusieurs lignes, et même la grille du parc immobilier, peuvent cohabiter sur une page : le script ne s'exécute qu'une fois et les gère toutes. Le titre, l'avertissement et le bouton de la section restent dans Webflow.
• Choix des actifs : dans l'URL de l'iframe, avec les mêmes paramètres que le parc immobilier. Une URL filtrée copiée depuis la page patrimoine (?scpi=iroko-zen&pays=espagne) donne donc les mêmes actifs.
  • scpi, pays, typologie : une ou plusieurs valeurs séparées par des virgules (pays=france,espagne). Les filtres se combinent entre eux.
  • trimestre : les acquisitions d'un trimestre, au format t2-2026, pour les sections d'un bulletin trimestriel. Il se combine avec les filtres ci-dessus. Au-delà de 10 acquisitions dans le trimestre, augmenter limit.
  • tri : rendement ou prix ; sans ce paramètre, les acquisitions les plus récentes d'abord.
  • actifs : sélection manuelle, dans l'ordre donné (actifs=173,174,172). Elle remplace les filtres et le tri. L'identifiant d'un actif est le nombre dans l'URL de sa fiche (?actif=173).
  • limit : nombre maximum d'actifs, 10 par défaut.
  • cliquable=non : les cartes illustrent la section sans ouvrir la fiche de l'actif, ni réagir au survol (pas de pointeur, pas de zoom sur la photo).
• Affichage : une seule ligne qui défile à l'horizontale, la carte suivante dépassant d'un cinquième pour inviter à faire défiler. De 1 carte sur mobile à 5 sur grand écran, jamais moins de 240 px de large. Des flèches apparaissent à la souris ; sur écran tactile, on fait glisser. Une ligne qui tient dans la largeur est centrée.
• Fiche d'un actif : même panneau que le parc immobilier, depuis la droite sur ordinateur et en plein écran sur mobile, avec ?actif=… dans l'URL de la page. Sur iroko.eu, à partir de 768 px de large, la page actif du site (/actif?id=…) s'ouvre à la place du panneau, dans le même onglet. Sans le script, un clic ouvre la fiche dans un nouvel onglet.
• Aucun actif : si la sélection ne donne rien (valeur mal orthographiée, base indisponible au déploiement), un message de la hauteur d'une ligne s'affiche à la place, la section garde sa taille.
• Hauteur, largeur et fond : la hauteur suit le contenu via postMessage (le height du snippet n'est qu'une valeur d'amorçage), la largeur est celle du conteneur Webflow, et l'embed ne peint aucun fond.
• Données : l'embed est généré au déploiement du site opendata, comme le parc immobilier. Un nouvel actif ajouté dans Supabase apparaît au déploiement suivant.