Section

促销产品轮播

9 个模板实例,26 个 section 配置,1 类 block。

真实模板变体

Schema

{
  "name": "促销产品轮播",
  "class": "choose-dryer-v2-section",
  "settings": [
    {
      "type": "text",
      "id": "template_id",
      "label": "Template ID"
    },
    {
      "type": "image_picker",
      "id": "background_image",
      "label": "Background image"
    },
    {
      "type": "image_picker",
      "id": "background_image_mobile",
      "label": "Background image (Mobile)"
    },
    {
      "type": "header",
      "content": "Header"
    },
    {
      "type": "select",
      "id": "section_width",
      "options": [
        {
          "value": "narrow",
          "label": "Narrow"
        },
        {
          "value": "grid",
          "label": "Grid"
        },
        {
          "value": "full-width-row",
          "label": "Full width"
        },
        {
          "value": "full-width-row-full",
          "label": "Full width, no spacing"
        }
      ],
      "default": "grid",
      "label": "Section width"
    },
    {
      "type": "checkbox",
      "id": "show_coupon_code",
      "label": "是否显示优惠码",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "border_radius",
      "label": "Enable border radius",
      "default": true
    },
    {
      "type": "html",
      "id": "heading",
      "label": "Heading",
      "default": "Choose your hairdryer"
    },
    {
      "type": "color_background",
      "id": "bg",
      "label": "Background",
      "default": "#F4F4F6"
    },
    {
      "type": "color",
      "id": "color_text_bg",
      "label": "Highligthted text/Badge colors",
      "default": "#0E98FF"
    },
    {
      "type": "header",
      "content": "是否显示倒计时"
    },
    {
      "type": "checkbox",
      "id": "eable_timer",
      "label": "Eable timer",
      "default": false
    },
    {
      "type": "text",
      "id": "coupon_header",
      "label": "Coupon Header"
    },
    {
      "type": "image_picker",
      "id": "coupon_header_icon",
      "label": "Coupon Header Icon"
    },
    {
      "type": "color",
      "id": "coupon_font_color",
      "label": "Font Color"
    },
    {
      "type": "color",
      "id": "coupon_time_text_color",
      "label": "Time Font Color"
    },
    {
      "type": "color",
      "id": "coupon_timer_bg_olor",
      "label": "Timer Bg Color"
    },
    {
      "type": "number",
      "id": "timer_year",
      "label": "Year",
      "default": 2025
    },
    {
      "type": "select",
      "id": "timer_month",
      "label": "Month",
      "options": [
        {
          "value": "01",
          "label": "January"
        },
        {
          "value": "02",
          "label": "February"
        },
        {
          "value": "03",
          "label": "March"
        },
        {
          "value": "04",
          "label": "April"
        },
        {
          "value": "05",
          "label": "May"
        },
        {
          "value": "06",
          "label": "June"
        },
        {
          "value": "07",
          "label": "July"
        },
        {
          "value": "08",
          "label": "August"
        },
        {
          "value": "09",
          "label": "September"
        },
        {
          "value": "10",
          "label": "October"
        },
        {
          "value": "11",
          "label": "November"
        },
        {
          "value": "12",
          "label": "December"
        }
      ],
      "default": "01"
    },
    {
      "type": "select",
      "id": "timer_day",
      "label": "Day",
      "options": [
        {
          "value": "01",
          "label": "01"
        },
        {
          "value": "02",
          "label": "02"
        },
        {
          "value": "03",
          "label": "03"
        },
        {
          "value": "04",
          "label": "04"
        },
        {
          "value": "05",
          "label": "05"
        },
        {
          "value": "06",
          "label": "06"
        },
        {
          "value": "07",
          "label": "07"
        },
        {
          "value": "08",
          "label": "08"
        },
        {
          "value": "09",
          "label": "09"
        },
        {
          "value": "10",
          "label": "10"
        },
        {
          "value": "11",
          "label": "11"
        },
        {
          "value": "12",
          "label": "12"
        },
        {
          "value": "13",
          "label": "13"
        },
        {
          "value": "14",
          "label": "14"
        },
        {
          "value": "15",
          "label": "15"
        },
        {
          "value": "16",
          "label": "16"
        },
        {
          "value": "17",
          "label": "17"
        },
        {
          "value": "18",
          "label": "18"
        },
        {
          "value": "19",
          "label": "19"
        },
        {
          "value": "20",
          "label": "20"
        },
        {
          "value": "21",
          "label": "21"
        },
        {
          "value": "22",
          "label": "22"
        },
        {
          "value": "23",
          "label": "23"
        },
        {
          "value": "24",
          "label": "24"
        },
        {
          "value": "25",
          "label": "25"
        },
        {
          "value": "26",
          "label": "26"
        },
        {
          "value": "27",
          "label": "27"
        },
        {
          "value": "28",
          "label": "28"
        },
        {
          "value": "29",
          "label": "29"
        },
        {
          "value": "30",
          "label": "30"
        },
        {
          "value": "31",
          "label": "31"
        }
      ],
      "default": "01"
    },
    {
      "type": "select",
      "id": "timer_hour",
      "label": "Hour",
      "options": [
        {
          "value": "00",
          "label": "12 AM (Midnight)"
        },
        {
          "value": "01",
          "label": "01 AM"
        },
        {
          "value": "02",
          "label": "02 AM"
        },
        {
          "value": "03",
          "label": "03 AM"
        },
        {
          "value": "04",
          "label": "04 AM"
        },
        {
          "value": "05",
          "label": "05 AM"
        },
        {
          "value": "06",
          "label": "06 AM"
        },
        {
          "value": "07",
          "label": "07 AM"
        },
        {
          "value": "08",
          "label": "08 AM"
        },
        {
          "value": "09",
          "label": "09 AM"
        },
        {
          "value": "10",
          "label": "10 AM"
        },
        {
          "value": "11",
          "label": "11 AM"
        },
        {
          "value": "12",
          "label": "12 PM (Noon)"
        },
        {
          "value": "13",
          "label": "01 PM"
        },
        {
          "value": "14",
          "label": "02 PM"
        },
        {
          "value": "15",
          "label": "03 PM"
        },
        {
          "value": "16",
          "label": "04 PM"
        },
        {
          "value": "17",
          "label": "05 PM"
        },
        {
          "value": "18",
          "label": "06 PM"
        },
        {
          "value": "19",
          "label": "07 PM"
        },
        {
          "value": "20",
          "label": "08 PM"
        },
        {
          "value": "21",
          "label": "09 PM"
        },
        {
          "value": "22",
          "label": "10 PM"
        },
        {
          "value": "23",
          "label": "11 PM"
        }
      ],
      "default": "00"
    },
    {
      "type": "select",
      "id": "timer_minute",
      "label": "Minute",
      "options": [
        {
          "value": "00",
          "label": "00"
        },
        {
          "value": "01",
          "label": "01"
        },
        {
          "value": "02",
          "label": "02"
        },
        {
          "value": "03",
          "label": "03"
        },
        {
          "value": "04"
        },
        {
          "value": "05",
          "label": "05"
        },
        {
          "value": "06",
          "label": "06"
        },
        {
          "value": "07",
          "label": "07"
        },
        {
          "value": "08",
          "label": "08"
        },
        {
          "value": "09",
          "label": "09"
        },
        {
          "value": "10",
          "label": "10"
        },
        {
          "value": "11",
          "label": "11"
        },
        {
          "value": "12",
          "label": "12"
        },
        {
          "value": "13",
          "label": "13"
        },
        {
          "value": "14",
          "label": "14"
        },
        {
          "value": "15",
          "label": "15"
        },
        {
          "value": "16",
          "label": "16"
        },
        {
          "value": "17",
          "label": "17"
        },
        {
          "value": "18",
          "label": "18"
        },
        {
          "value": "19",
          "label": "19"
        },
        {
          "value": "20",
          "label": "20"
        },
        {
          "value": "21",
          "label": "21"
        },
        {
          "value": "22",
          "label": "23"
        },
        {
          "value": "24",
          "label": "24"
        },
        {
          "value": "25",
          "label": "25"
        },
        {
          "value": "26",
          "label": "26"
        },
        {
          "value": "27",
          "label": "27"
        },
        {
          "value": "28",
          "label": "28"
        },
        {
          "value": "29",
          "label": "29"
        },
        {
          "value": "30",
          "label": "30"
        },
        {
          "value": "31",
          "label": "31"
        },
        {
          "value": "32",
          "label": "32"
        },
        {
          "value": "33",
          "label": "33"
        },
        {
          "value": "34",
          "label": "34"
        },
        {
          "value": "35",
          "label": "35"
        },
        {
          "value": "36",
          "label": "36"
        },
        {
          "value": "37",
          "label": "37"
        },
        {
          "value": "38",
          "label": "38"
        },
        {
          "value": "39",
          "label": "39"
        },
        {
          "value": "40",
          "label": "40"
        },
        {
          "value": "41",
          "label": "41"
        },
        {
          "value": "42",
          "label": "42"
        },
        {
          "value": "43",
          "label": "43"
        },
        {
          "value": "44",
          "label": "44"
        },
        {
          "value": "45",
          "label": "45"
        },
        {
          "value": "46",
          "label": "46"
        },
        {
          "value": "47",
          "label": "47"
        },
        {
          "value": "48",
          "label": "48"
        },
        {
          "value": "49",
          "label": "49"
        },
        {
          "value": "50",
          "label": "50"
        },
        {
          "value": "51",
          "label": "51"
        },
        {
          "value": "52",
          "label": "52"
        },
        {
          "value": "53",
          "label": "53"
        },
        {
          "value": "54",
          "label": "54"
        },
        {
          "value": "55",
          "label": "55"
        },
        {
          "value": "56",
          "label": "56"
        },
        {
          "value": "57",
          "label": "57"
        },
        {
          "value": "58",
          "label": "58"
        },
        {
          "value": "59",
          "label": "59"
        }
      ],
      "default": "00"
    },
    {
      "type": "text",
      "id": "text_day",
      "label": "Days",
      "default": "Days"
    },
    {
      "type": "text",
      "id": "text_Hours",
      "label": "Hours",
      "default": "Hours"
    },
    {
      "type": "text",
      "id": "text_Mins",
      "label": "Minutes",
      "default": "Mins"
    },
    {
      "type": "text",
      "id": "text_Secs",
      "label": "Seconds",
      "default": "Secs"
    }
  ],
  "blocks": [
    {
      "type": "block",
      "name": "Product block",
      "settings": [
        {
          "type": "text",
          "id": "heading",
          "label": "Product Heading"
        },
        {
          "type": "text",
          "id": "heading2",
          "label": "Product heading2"
        },
        {
          "type": "textarea",
          "id": "subheading",
          "label": "Product subheading"
        },
        {
          "type": "text",
          "id": "coupon_code",
          "label": "Coupon Code"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "Desktop image"
        },
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        },
        {
          "type": "url",
          "id": "link",
          "label": "Custom link",
          "info": "If this is present, default product link will not work."
        },
        {
          "type": "text",
          "id": "btn",
          "label": "Button title",
          "default": "SHOP SE"
        },
        {
          "type": "header",
          "content": "库存总量"
        },
        {
          "type": "checkbox",
          "id": "show_inventory",
          "label": "显示库存条?"
        },
        {
          "type": "range",
          "id": "total_inventory",
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": "%",
          "label": "显示库存条",
          "default": 16
        },
        {
          "type": "text",
          "id": "inventory_text",
          "label": "库存文本",
          "default": "Only 10 pcs left"
        },
        {
          "type": "color",
          "id": "inventory_text_color",
          "label": "库存文本色",
          "default": "#222"
        },
        {
          "type": "image_picker",
          "id": "inventory_icon",
          "label": "Icon"
        },
        {
          "type": "color",
          "id": "inventory_bg",
          "label": "背景色",
          "default": "#d3dbe4"
        },
        {
          "type": "color",
          "id": "inventory_up",
          "label": "库存>10",
          "default": "#01aae7"
        },
        {
          "type": "color",
          "id": "inventory_down",
          "label": "库存<10",
          "default": "#f20000"
        },
        {
          "type": "select",
          "id": "sale_badge_type",
          "options": [
            {
              "value": "save_amount",
              "label": "Save amount"
            },
            {
              "value": "save_percentage",
              "label": "Save percentage"
            }
          ],
          "default": "save_percentage",
          "label": "角标类型"
        },
        {
          "type": "header",
          "content": "Price Display"
        },
        {
          "type": "text",
          "id": "compare_at_price",
          "label": "Compare at price"
        },
        {
          "type": "text",
          "id": "price",
          "label": "Price"
        },
        {
          "type": "select",
          "id": "sale_type",
          "options": [
            {
              "value": "save_amount",
              "label": "Save amount"
            },
            {
              "value": "save_percentage",
              "label": "Save percentage"
            }
          ],
          "default": "save_amount",
          "label": "节省类型"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "促销产品轮播"
    }
  ]
}