filtering products in Webflow скачать в хорошем качестве

filtering products in Webflow

Build a functional filter user interface on your site using Webflow & Finsweets filter attributes. In the video, we rebuild the Above The Clouds website using Webflow and Finsweets no/low code attributes solution. We start with an overview of the website and a step-by-step tutorial on building out the filter accordion UI in Webflow and applying Webflow interactions. We learn how to style collections using appropriate HTML structure and correctly apply Finsweet third-party solutions to achieve functional product filtering in Webflow. Get started with Webflow: https://webflow.com/ Get started with Finsweet filter attributes: https://finsweet.com/attributes Follow me on Twitter: https://twitter.com/Chrsnelson Follow me on Instagram: https://www.instagram.com/chrsnelson/ Follow me on Dribbble: https://dribbble.com/its-chris 0:00 Build a product filter in Webflow 0:10 Intro 0:59 Overview 1:28 Begin Webflow build 2:40 Filter Build 5:40 CMS setup 7:52 Accordion UI build 23:12 Adding all CMS filter items 25:27 Webflow CMS conditional visibility 29:15 Webflow interactions 37:16 Product grid build 52:52 Styling navigation 55:10 Finsweet filtering 57:20 Add identifiers 104:50 Outro