The ultimate FAQ and "good to know" list for Slider.

Do not remove the attributes added to generated elements. If they are removed, the Solution will stop working.

To keep the app functionality and edit mode working, keep all elements of the Slider component inside the instance element that wraps all Slider elements.

The Slider will not function inside Webflow Designer because it requires JavaScript. Publish your project to webflow.io and see the Slider work properly.

The 'space between the slides' and 'slides per view' are only visible on the published website. There will be not be any space between each slider in Designer.

‍

The Slider solution performs the required calculations to add the correct gaps and slides per view based on your Slider configuration. The gaps are calculated and added on the published page.

You can move the navigation arrows and pagination wrapper to other positions. It is required to keep all moved elements inside the instance wrapper.

Finsweet Components doesn't rely on classes to work. You can change, rename, and duplicate classes however you want. You have full control over the class organization and naming convention of your Slider..

You can enter "edit mode" for any Component by selecting the component in Webflow Designer and opening Finsweet Components. You can change many options to update your Slider at any point in the development process.

‍

To prevent Component issues, some options are disabled in edit mode. If you need a disabled option, please generate a new Slider.

You can select any Slider instance wrapper, copy it to clipboard, and paste it inside the same Webflow project.

Use the Webflow Style panel to customize your slider elements, such as slides, pagination, and navigation. There are no design limitations for Finsweet Components.

Our solution adds the combo class is-active-slide by default to the active slide on the published website. You can style the is-active-slide class however you want to show the active slide state.

‍

You can optionally change the name of the active slide class in the configure tab.

Add transitions to create smoother changes between slide states. You can get creative here!

Currently, our solution does not support Webflow interactions to animate specific elements inside the slides in the active state. However, you can achieve this using custom CSS or a creative implementation of the Thumbs and Controller feature.

Our slider is built on top of the most powerful and flexible open-source slider library, Swiper.js.

‍

Instead of reinventing the wheel, we chose to build on top of Swiper for its extensive feature set and reliability in creating responsive, touch-enabled sliders. The most capable slider tool is now completely customized for our normal workflow inside Webflow.

Swiper.js relies on pixel measurements for its calculations, rather than using REM units. This design choice ensures precise and consistent behavior across various devices and screen sizes. However, it means that our slider's responsiveness and layout are directly tied to pixel-based measurements, which may affect flexibility when working with REM-based designs. As this is an inherent characteristic of swiper.js, we have no control over this aspect.

Finsweet Components are free to use on staging .webflow.io URLs. If you want to use Finsweet Components on your custom domain, an active subscription is required.

‍

Subscriptions are per project, and each project that uses Finsweet Components requires an active subscription.

No, the Finsweet Components app is free to access and use. You do not need a subscription to generate beautiful sliders in Webflow. You will need a subscription if you want to publish Components on your custom domain.

If your subscription expires, the Components used on your website will stop working. They will resume working when you reactivate your subscription. We will reach out to you many times before 'turning off' Finsweet Components in your project. We will not show a broken Component on your project. Instead, we will completely remove the entire Component from the page.

Yes, if you want to use your subscription for a different domain, go to my.finsweet.com/subscriptions, find your subscription, and change your site domain URL.

In your client's project, go to the Finsweet Components app and click on the 'Get a subscription' button to be redirected to the checkout. Share this link with your client to complete the checkout process.

No, there is no limit to the number of Components you can use in a Webflow project. You can use as many Components as you want.

No, there is no limit to the number of loads on a website. Both staging and custom domain have unlimited loads per month.

Yes, the subscription is per Webflow project and is connected to the Webflow project site ID. If you have multiple domains connected to your project, they will all work with a single subscription.

Yes, you can cancel your subscription at any time. It's important to understand that all Components created using Finsweet Components will stop working on your production website.