Dynamic Shopify Section Settings Explained

Settings Are Just Variables

Every schema id becomes section.settings.id in Liquid. The theme editor writes values; your template reads them.

Checkbox: Show / Hide UI

{% if section.settings.show_vendor %}
  <p>{{ product.vendor }}</p>
{% endif %}

Select: Layout Variants

{% case section.settings.layout %}
  {% when 'grid' %}
    <div class="grid">
  {% when 'carousel' %}
    <div class="carousel">
{% endcase %}

Range: Spacing Without CSS Files

Range settings output numbers—pipe them into inline styles or CSS variables.

style="padding-top: {{ section.settings.padding }}px;"

Richtext vs Plain Text

Use richtext when merchants need bold, links, or lists. Output inside a .rte wrapper. Use text + escape for short labels.

Combining with Metafields

Section settings control layout; metafields hold product-specific data. See Metafields Tutorial.