Hey @consti, to build a range slider, you can do the following:
Create a webflow embed and put a li-settings:custom="Logo Size" attribute on it.
In that embed, you can put the following code:
{
"type": "range",
"id": "logo_size",
"min": 10,
"max": 50,
"step": 1,
"label": "Logo Size",
"default": 16
}
You can play around with the properties, here is the documentation for the range input:
https://shopify.dev/docs/storefronts/themes/architecture/settings/input-settings#rangeTo use the logo size for your element, you can set the following attribute:
li-attribute:style="width: {{ section.settings.logo_size }}"