initClub · 1ère Communauté Webflow Francophone

Salut tout le monde,
j’essaye de mettre Finsweet filters mais il ne fonctionne pas et je ne comprends pas pourquoi.
Dès fois ça fonctionne, dès fois pas du tout.
ça me fait vriller :
https://preview.webflow.com/preview/ekoh-new?utm_medium=preview_link&utm_source=design[…]&pageId=67c864cb683697ba2e6b32c2&locale=en&workflow=preview

Setup basique avec des radios et un filtre simple

11 comments
B
V
A
E

Yo, quelqu’un a des news sur filter v2 ? Ça fait + de 2 ans que c’est annoncé, je suis pas trop l’actualité finsweet en ce moment

23 comments
V
N
S
N

Bonsoir !

Petit espoir d'obtenir une réponse une vendredi 17h45...jour de la St Valentin 🥹

J'ai quasiment finalisé ma page, mais lorsqu'elle charge, elle se comporte comme s'il y avait une ancre vers ma section contact qui est en bas de page.

  • j'ai checké l'url : pas de #contact
  • son ID est bien "section"
  • la section contact ne semble pas mise comme "current"
  • j'ai vidé le cache
  • testé en nav privée
  • sur plusieurs devices
Rien n'y fait, la page charge et scrolle direct vers Contact.

Une idée ?

Merci beaucoup par avance

12 comments
V
P
S

Bonjour à tous 🙂
Temps pluvieux dans le pays basque, alors ça en profite pour avancer sur la formation 🙂

J'ai une petite question, je suis sur la correction de ArcDesign, et j'ai vu la premiere vidéo qui parle de Client-First.
Sur celle ci, on voit les variables de couleurs que Théo utilise.
Mais auparavant, on avait aussi noté les tailles de polices et les polices dans les variables.
Cela veut dire que avec Client-First, on utilise plus les variables pour la font et sa taille, mais uniquement le style guide ?

Merci à vous, et bonne fin de WE

4 comments
T
N

Salut tout le monde.

J'ai créé un formulaire sur webflow et branché un webhook Make sur le bouton de soumission pour récupérer les infos du form (ça c'est ok).

Mais quand je clique j'ai une page qui s'ouvre avec l'url du webhook et un message "accepted".

Comment faire pour que le lead qui rempli le form reste sur la page du formulaire et qu'il n'y ait pas de nouvelle page qui s'ouvre svp?

Voici mes Settings

6 comments
V
M

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>

12 comments
V
C

Hello everyone,
J'ai changé mes bullet points avec l'ajout de custom code et je me demandais si qqn connaissait un moyen d'aligner la deuxième ligne de texte par rapport à la fin du bullet point. Je n'aime pas trop le rendu actuel 🙂
Thanks !

8 comments
V
B
A
C

Salut,

Je vais bientôt avoir à facturer des clients aux US et UK. Je voulais savoir si vous auriez des infos concernant la facturations hors EU ? Les payements directement par la banque peuvent donner lieux à des frais, un de mes clients m'a proposé de regarder du côté de revolut / paypal, mais il existe des comptes pro ? Je sais pas trop comment m'y prendre

5 comments
V
P
S
C

Hello le club, j'ai besoin de réaliser un slider mais les possibilités sont assez limitées avec le composant natif. Quelles sont les alternatives ?

4 comments
T
A
F

Hello Init,

J’ai un rich text de blog à faire 🤡
Des pistes ou idées pour rendre le layout comme ça en rich text ?

4 comments
T
V
A

Hello ! ✌

J'ai un problème avec le Lenis Scroll, à chaque fois que je veux en mettre, même un peu, j'ai des pages qui ne se scroll plus jusqu'en bas 😕 !

Quelqu'un a déjà eu ce souci ? Y a-t-il une solution ?

6 comments
V
A

Salut à tous !

J’ai plusieurs soucis avec un svg (arcs de cercles noirs) que je veux mettre en back ground (lien du Figma en dessous). J’ai copié collé le svg et je l’ai mis en Absolute, relative a ma navbar. Même avec ça je n’ai pas le même rendu que sur le figma et mon SVG passe devant ma hero image alors que le z index est inférieur à celle ci.

Merci d’avance pour votre aide !

Lien du Figma : https://www.figma.com/community/file/1014188728368038455
Lien du Webflow : https://insurance-994208.design.webflow.com/

8 comments
T
L

Hello la commu, une idée de comment faire en sorte qu'une background video reste en super qualité sur Webflow ?

7 comments
V
F
S
T
P

[Gestion des customs code]

Yo, comment vous gérer vos customs code sur vos projets ?
Je prod mon portfolio en ce moment et j'ai pas mal de code custom pour pleins de petites features un peu partout sur ma page : nav, footer, slider, faq ...

Vous êtes de la team :

  • 🧘Tous le code dans le before tag & Inside <head> tag
  • Et si ça comment vous le gérer ? Dans l'ordre logique de la page ? Avec 1 balise <script> ou non ?</li></ul><ul><li>💥 Balek c'est un peu partout sur ma page</li><li>🧡 Un mix des 2 suivant la situation</li><li>⁉ Ou autre situation</li></ul><br />Il y a la jurisprudence "component" où c'est intéressant d'avoir son code à côté de son élément.<br />Mais curieux de voir comment vous gérer les choses !</p>
24 comments
S
B
N
T