Section

Refurb Product Grid

2 个模板实例,11 个 section 配置,1 类 block。

真实模板变体

Schema

{
  "name": "Refurb Product Grid",
  "tag": "section",
  "class": "refurb-product-grid-section",
  "settings": [
    {
      "type": "text",
      "id": "title",
      "label": "Title",
      "default": "Refurbished Products"
    },
    {
      "type": "select",
      "id": "grade_filter",
      "label": "Filter by Grade",
      "options": [
        {
          "value": "all",
          "label": "All"
        },
        {
          "value": "a",
          "label": "Grade A - Like New"
        },
        {
          "value": "b",
          "label": "Grade B - Refurbished"
        }
      ],
      "default": "all",
      "info": "Filter products by grade tag (refurb-grade-a / refurb-grade-b)"
    },
    {
      "type": "text",
      "id": "subtitle",
      "label": "Subtitle",
      "default": "Browse our selection of certified refurbished products"
    },
    {
      "type": "collection",
      "id": "collection",
      "label": "Collection"
    },
    {
      "type": "range",
      "id": "product_limit",
      "label": "Product limit",
      "min": 2,
      "max": 12,
      "step": 1,
      "default": 8
    },
    {
      "type": "range",
      "id": "columns_desktop",
      "label": "Columns (desktop)",
      "min": 2,
      "max": 4,
      "step": 1,
      "default": 4
    },
    {
      "type": "text",
      "id": "grade_a_tags",
      "label": "Grade A (Like New) tags",
      "default": "Brand new, Quality packaging, Full warranty",
      "info": "Comma separated. Shown on products with 'refurb-grade-a' tag."
    },
    {
      "type": "text",
      "id": "grade_b_tags",
      "label": "Grade B (Refurbished) tags",
      "default": "Fully tested, Cleaned, Deals overall",
      "info": "Comma separated. Shown on products with 'refurb-grade-b' tag."
    },
    {
      "type": "color",
      "id": "bg_color",
      "label": "Section background color",
      "default": "#f9fafb"
    },
    {
      "type": "color",
      "id": "atc_bg_color",
      "label": "Add to Cart button color",
      "default": "#1a56db"
    },
    {
      "type": "color",
      "id": "atc_text_color",
      "label": "Add to Cart text color",
      "default": "#ffffff"
    }
  ],
  "blocks": [
    {
      "type": "product",
      "name": "Product",
      "limit": 12,
      "settings": [
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Refurb Product Grid"
    }
  ]
}