Overview

In addition to Shopify objects, you can implement settings that allow your Shopify content editor to modify both the content and appearance directly within Shopify. To achieve this, use the li-settings tag. Using a modifier, you can access all of Shopify's provided Settings Inputs.

In Webflow, you define the name of the Shopify setting inside the value of the attribute (e.g. Headline). The content inside the element is used as the default placeholder value in the Shopify editor.

Webflow

li-settings:text = Headline

This will be converted into:

Section Settings

SettingsBlocksCustom Settings

SectionsTheme Blocks