Hello !
Je ne sais pas dans quel canal posez ma question alors ce sera ici.

mon client a ses infos (note google, gratuit, référence, i) qui remontent lors des recherches.
Je refais son site sur Webflow, il souhait garder ses informations linké à ses résultats.

Savez-vous me dire comment ça se gère ? Est ce bien via un schema markup ?

Hello !

Je dois mettre en place un TOC en auto-scroll pour l'ensemble des articles d'un site.

La TOC est dans une sidebar, qui doit être entièrement visible à l'écran. Parfois, les articles sont longs, avec beaucoup de H2, d'où le besoin de paramétrer cet élément en auto-scroll. Lorsque l'utilisateur lit l'article, si un H2 devient "invisible", la TOC doit scroller automatiquement pour mettre à jour les H2 suivants.

J'y travaille, mais je manque clairement de compétences sur le sujet, donc je n'arrive pas à mes fins.

L'un de vous a déjà mis ça en place sur Webflow ? (ma TOC est créé via Finsweet Attributes)

Page avec un article "long" : https://preprod-mapension-be.webflow.io/assurance-vie/assurance-solde-restant-du

mon custom code du moment : (la première partie du script est en lien avec une section qui n'est pas visible pour l'instant)

<script>
  document.addEventListener('DOMContentLoaded', function() {
    const collectionListWrapper = document.querySelector('.collection_list-wrappertab'); 
    const tableauHeading = document.querySelector('.tableau_heading_absolute'); 

    function checkPosition() {
      const rect = collectionListWrapper.getBoundingClientRect(); 
      if (rect.top <= 9 * 16) { // 6rem (1rem = 16px)
        tableauHeading.style.visibility = 'hidden'; 
      } else {
        tableauHeading.style.visibility = 'visible'; 
      }
    }

 window.addEventListener('scroll', checkPosition);
    checkPosition(); 
    }
    setTimeout(() => {
    function titleHandler(entries, observer) {
      for (entry of entries) {
        if (entry.isIntersecting) {
          let idName = entry.target.parentNode.id
          console.log(idName)
          let link = document.querySelectorAll(`.fs-toc_link-content a[href='#${idName}']`)[0]
          link.scrollIntoView({ behavior: "instant" })
        }
      }
    }

    let titles = document.querySelectorAll(".fs-toc_richtext.w-richtext h2")

    let titleObserver = new IntersectionObserver(titleHandler)
    titles.forEach((title) => {
      titleObserver.observe(title)
    })
    }, 1000);
  });
  
</script>

Hello ! 👋

Je travaille sur un projet où je dois paramétrer un système de filtres pour 4 éléments, dont 2 collections nestées. Et c'est là où je coince un peu... 🫠

• Contexte : J'ai mis en place 4 select pour filtrer mes éléments :

• 2 filtres "classiques" → tout fonctionne parfaitement, c'est top ! (easy)
• 2 filtres avec des collections imbriquées → là, ça ne marche pas 😅

• Ce que j'ai fait : J'ai suivi la doc de Finsweet CMS Filter + CMS Select + CMS Nest.

• CMS filter : pour filtrer
• CMS Select : pour utiliser un champ select et non pas un dropdown avec une collection list
• CMS Nest : pour faire venir mes fameuses 2 collections

• Les collections concernées :

• Cible (6 éléments)
• Tri (2 éléments).

• Page statique Tableau filtre