Shopify theme app extension app embed settings

Hello everyone,

I have created one theme app extension with an app embed. Now I want to give some customisation options to users. So for that, I’m passing values from the Settings object. But these values aren’t getting accessed. So I need help to know if I’m doing it the wrong way.

Below is the liquid code:


{% # theme-check-disable AssetSizeAppBlockJavaScript, AssetSizeAppBlockCSS %}
{% schema %}
{
  "name": "Widget",
  "target": "body",
  "stylesheet": "tv_widget.css",
  "javascript": "tv_widget.js",
  "settings": [
    {
      "type": "color",
      "id": "widget-btn",
      "label": "Primary Color",
      "default": "#ffffff"
    },
    {
      "type": "text",
      "id": "widget-btn-text",
      "label": "Button Text",
      "default": "Get Rewards"
    }
  ]
}
{% endschema %}
{% # theme-check-enable AssetSizeAppBlockJavaScript, AssetSizeAppBlockCSS %}

Hello,

I encountered the same issue. To access the value in liquid, you need to do:


Notice the block added before settings.

Cheers