Section

Img banner Collection

1 个模板实例,33 个 section 配置,0 类 block。

真实模板变体

Schema

{
  "name": "Img banner Collection",
  "settings": [
    {
      "type": "liquid",
      "id": "custom_liquid",
      "label": "Custom code",
      "info": "add extra css code"
    },
    {
      "type": "color",
      "id": "subheading_color",
      "label": "Sub heading color",
      "default": "#F57B23"
    },
    {
      "type": "color",
      "id": "text_color",
      "label": "Text color",
      "default": "#000000"
    },
    {
      "type": "color_background",
      "id": "background",
      "label": "Background color",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "btn_background",
      "label": "Button background color"
    },
    {
      "type": "image_picker",
      "id": "image_d",
      "label": "Image (desktop)",
      "info": "Image:5120 * 900 px ,content:1920 * 900px"
    },
    {
      "type": "image_picker",
      "id": "image_m",
      "label": "Image (mobile)",
      "info": "Image:1000 * 700 px ,content:450 * 700px"
    },
    {
      "type": "select",
      "id": "box_align",
      "options": [
        {
          "value": "top-left",
          "label": "Top left"
        },
        {
          "value": "top-center",
          "label": "Top center"
        },
        {
          "value": "top-right",
          "label": "Top right"
        },
        {
          "value": "middle-left",
          "label": "Middle left"
        },
        {
          "value": "middle-center",
          "label": "Middle center"
        },
        {
          "value": "middle-right",
          "label": "Middle right"
        },
        {
          "value": "bottom-left",
          "label": "Bottom left"
        },
        {
          "value": "bottom-center",
          "label": "Bottom center"
        },
        {
          "value": "bottom-right",
          "label": "Bottom right"
        }
      ],
      "default": "middle-center",
      "label": "Content position (desktop)",
      "info": "Position is automatically optimized for mobile."
    },
    {
      "type": "checkbox",
      "id": "display_mobile",
      "label": "Mobile does not display content",
      "default": false
    },
    {
      "type": "select",
      "id": "box_align_m",
      "options": [
        {
          "value": "top-center",
          "label": "Top center"
        },
        {
          "value": "middle-center",
          "label": "Middle center"
        },
        {
          "value": "bottom-center",
          "label": "Bottom center"
        }
      ],
      "default": "middle-center",
      "label": "Content position(mobile)"
    },
    {
      "type": "select",
      "id": "align-pc",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "center",
          "label": "Center"
        },
        {
          "value": "right",
          "label": "Right"
        }
      ],
      "default": "center",
      "label": "Content align pc"
    },
    {
      "type": "select",
      "id": "align-mobile",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "center",
          "label": "Center"
        },
        {
          "value": "right",
          "label": "Right"
        }
      ],
      "default": "center",
      "label": "Content align mobile"
    },
    {
      "type": "textarea",
      "id": "sub_heading",
      "label": "Sub Heading",
      "default": "Hurry, sign up before <span>Jan 27th</span> to qualify!"
    },
    {
      "type": "textarea",
      "id": "heading",
      "label": "Heading",
      "default": "Enter for the chance <br>to win a Wave."
    },
    {
      "type": "richtext",
      "id": "content",
      "label": "Content",
      "default": "<p>Enter your email below for a chance to be among 30 lucky winners to experience the new Laifen Wave toothbrush for free!</p>"
    },
    {
      "type": "url",
      "id": "link",
      "label": "Link",
      "info": "If the content is empty, it applies to the banner."
    },
    {
      "type": "text",
      "id": "text_link",
      "label": "Text Link"
    },
    {
      "type": "text",
      "id": "btn_text",
      "label": "Button text"
    },
    {
      "type": "header",
      "content": "Timer"
    },
    {
      "type": "color",
      "id": "time_color",
      "label": "Timer color",
      "default": "#000"
    },
    {
      "type": "color",
      "id": "unit_color",
      "label": "Unit of time color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "dot_color",
      "label": "Dot of time color",
      "default": "#000000"
    },
    {
      "type": "color_background",
      "id": "time_background",
      "label": "Time Background color",
      "default": "#ffffff"
    },
    {
      "type": "checkbox",
      "id": "eable_timer",
      "label": "Eable timer",
      "default": false
    },
    {
      "type": "number",
      "id": "timer_year",
      "label": "Year",
      "default": 2022
    },
    {
      "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": [],
  "presets": [
    {
      "name": "品牌形象单图2"
    }
  ]
}