How do I make block configurable in theme editor?

[Moonloon]

I have a block in my app. That would show a popup after button is clicked.

This popup has 2 views:

- standard for browsers that support some features and a

- fallback one.

I want to make it easier to configure, so merchants can see and configure both views.

I planned to do this configuration right in theme editor so it is seen as it would look in the store. But I have a dilemma of how to design configuration of block.

I want merchant to be able to configure fallback version even if they use modern browser.

[Sonya_2025]

Hi @Moonloon 

You can add block settings by setting up schema in your block. Pls refer to this

Hope this helps

[Moonloon]

Unfortunately the block theme schema does not work with app blocks.

Also I want to trigger the preview of the block, but the preview depends on the browser capabilities.

[Sonya_2025]

I think schema works if you create theme extention in your custom app.

I have created a theme extension demo. I can add settings and configurable in the theme editors.

Below image is my app block settings

[Moonloon]

That is not exactly what I need. The schema extension is explicitly stated in documentation that it is not supported for app extensions 

https://shopify.dev/docs/storefronts/themes/architecture/settings/input-settings#color_scheme