Input settings

Allows customization of theme appearance and functionality

Input settings allow you to define customizable options for store owners within the theme. These options can be used to modify the appearance and functionality of the store without requiring any coding knowledge.

text

A text input that allows store owners to enter text. This can be used for setting text-based values such as titles, labels, or URLs.

{
  "type": "text",
  "id": "header_title",
  "label": "Header Title",
  "default": "My Online Store"
}

checkbox

A checkbox input that allows store owners to enable or disable a specific feature or option within the theme.

{
  "type": "checkbox",
  "id": "enable_sticky_header",
  "label": "Enable Sticky Header",
  "default": "true"
}

select

A dropdown input that allows store owners to choose from a predefined list of options. This can be used for selecting different layouts, sorting options, or other categorical settings.

{
  "type": "select",
  "id": "product_layout",
  "label": "Product Layout",
  "options": [
    { "value": "grid", "label": "Grid" },
    { "value": "list", "label": "List" }
  ],
  "default": "grid"
}

image_picker

An image picker input that allows store owners to upload and select an image to be used within the theme. This can be used for setting background images, logos, or other visual elements.

{
  "type": "image_picker",
  "id": "logo",
  "label": "Logo"
}

color_picker

A color picker input that allows store owners to select a color using a color picker tool. This can be used for setting theme colors, background colors, or text colors.

{
  "type": "color_picker",
  "id": "primary_color",
  "label": "Primary Color",
  "default": "#000000"
}

collection_picker

The collection_picker allows the store owner to select a collection.

For example, you can develop a theme for a single collection by having them select Primary Collection.

In the following schema, the collection object is stored in primary_collection.

{
  "type": "collection_picker",
  "id": "primary_collection",
  "label": "Primary Collection"
}