Section
Header
0 个模板实例，40 个 section 配置，3 类 block。
真实模板变体
当前模板未直接使用该 section。
Schema
{
"name": "Header",
"class": "header-section",
"settings": [
{
"type": "checkbox",
"id": "show_navigation_menu",
"label": "Show Navigation Menu",
"default": true
},
{
"type": "checkbox",
"id": "show_account_icon",
"label": "Show Account Icon",
"default": false
},
{
"type": "checkbox",
"id": "stickyForDeal",
"label": "不在deal页面使用sticky",
"default": true
},
{
"type": "checkbox",
"id": "sticky_header",
"label": "Enable sticky header",
"default": true
},
{
"type": "image_picker",
"id": "logo",
"label": "Logo image",
"info": "400 x 68 px .png recommended."
},
{
"type": "range",
"id": "logo_height_range",
"min": 20,
"max": 120,
"step": 1,
"unit": "px",
"label": "Logo height",
"default": 30
},
{
"type": "range",
"id": "logo_height_range_mobile",
"min": 20,
"max": 80,
"step": 1,
"unit": "px",
"label": "Mobile logo height",
"default": 30
},
{
"type": "select",
"id": "style",
"label": "Desktop logo position",
"default": "style1",
"options": [
{
"value": "style1",
"label": "Logo left, menu center"
},
{
"value": "style2",
"label": "Logo left, menu left"
},
{
"value": "style3",
"label": "Logo center, menu left"
},
{
"value": "style4",
"label": "Logo center, menu center"
}
],
"info": "Position is always center for mobile."
},
{
"type": "select",
"id": "header_shadow",
"label": "Sticky header shadow",
"default": "header--shadow-small",
"options": [
{
"value": "header--shadow-none",
"label": "None"
},
{
"value": "header--shadow-small",
"label": "Small"
},
{
"value": "header--shadow-medium",
"label": "Medium"
},
{
"value": "header--shadow-large",
"label": "Large"
}
]
},
{
"type": "link_list",
"id": "menu",
"default": "main-menu",
"label": "Menu",
"info": "Learn how to set up [mega menus](https://documentation.fuelthemes.net/kb/how-do-i-set-up-mega-menus-for-reformation-theme/)."
},
{
"type": "link_list",
"id": "menu_m",
"default": "main-menu",
"label": "Mobile Menu"
},
{
"type": "header",
"content": "Transparent header"
},
{
"type": "checkbox",
"id": "transparent_header",
"label": "Enable on homepage",
"default": true,
"info": "Ensure that you have a Slideshow, Video background, Image with text overlay section as the first section on your homepage."
},
{
"type": "image_picker",
"id": "logo_light",
"label": "Logo image",
"info": "Displayed when transparent header is enabled. Uses the dimensions set on your main logo."
},
{
"type": "header",
"content": "Language / country switcher"
},
{
"type": "checkbox",
"id": "show_language_switcher",
"label": "Enable language switcher",
"default": false,
"info": "To add a language, go to your [language settings](/admin/settings/languages)."
},
{
"type": "checkbox",
"id": "show_currency_switcher",
"label": "Enable currency switcher",
"default": true,
"info": "To add a country/region, go to your [payment settings](/admin/settings/payments)."
},
{
"type": "header",
"content": "Mobile menu"
},
{
"type": "link_list",
"id": "mobile_secondary_menu",
"label": "Secondary menu",
"info": "Secondary menu is shown under the main menu."
},
{
"type": "image_picker",
"id": "mobile_promo_image",
"label": "Promotion image",
"info": "375 x 370 px .jpg recommended."
},
{
"type": "text",
"id": "mobile_promo_heading",
"default": "Promotion heading",
"label": "Heading"
},
{
"type": "text",
"id": "mobile_promo_link_label",
"label": "Promotion button label",
"default": "Shop",
"info": "Leave the label blank to hide the text button."
},
{
"type": "url",
"id": "mobile_promo_link",
"label": "Promotion button link"
},
{
"type": "header",
"content": "Mobile menu data"
},
{
"type": "checkbox",
"id": "hide_custom_menu_old",
"label": "Hide custom images on menu",
"default": false
},
{
"type": "image_picker",
"id": "icon_1",
"label": "Icon 1"
},
{
"type": "url",
"id": "icon_link_1",
"label": "Icon 1 link"
},
{
"type": "text",
"id": "icon_1t",
"label": "Icon 1 text",
"default": "Swift"
},
{
"type": "image_picker",
"id": "icon_2",
"label": "Icon 2"
},
{
"type": "url",
"id": "icon_link_2",
"label": "Icon 2 link"
},
{
"type": "text",
"id": "icon_2t",
"label": "Icon 2 text",
"default": "Swift SE"
},
{
"type": "image_picker",
"id": "icon_3",
"label": "Icon 3"
},
{
"type": "url",
"id": "icon_link_3",
"label": "Icon 3 link"
},
{
"type": "text",
"id": "icon_3t",
"label": "Icon 3 text",
"default": "Swift Premium"
},
{
"type": "product",
"id": "product_h",
"label": "Featured product"
},
{
"type": "text",
"id": "product_h_title",
"label": "Product title",
"default": "Swift Special"
},
{
"type": "text",
"id": "button_1_text",
"label": "Button 1 text",
"default": "Get My Swift Hair Dryer"
},
{
"type": "url",
"id": "button_1_link",
"label": "Button 1 link"
},
{
"type": "text",
"id": "button_2_text",
"label": "Button 2 text",
"default": "Bundle & Save"
},
{
"type": "url",
"id": "button_2_link",
"label": "Button 2 link"
}
],
"blocks": [
{
"type": "megamenu",
"name": "Mega menu",
"limit": 10,
"settings": [
{
"type": "select",
"id": "position",
"label": "Link position in main menu",
"default": "1",
"options": [
{
"value": "1",
"label": "Item 1"
},
{
"value": "2",
"label": "Item 2"
},
{
"value": "3",
"label": "Item 3"
},
{
"value": "4",
"label": "Item 4"
},
{
"value": "5",
"label": "Item 5"
},
{
"value": "6",
"label": "Item 6"
},
{
"value": "7",
"label": "Item 7"
},
{
"value": "8",
"label": "Item 8"
},
{
"value": "9",
"label": "Item 9"
},
{
"value": "10",
"label": "Item 10"
},
{
"value": "11",
"label": "Item 11"
},
{
"value": "12",
"label": "Item 12"
}
]
},
{
"type": "header",
"content": "Promotion 1"
},
{
"type": "image_picker",
"id": "promo_1_image",
"label": "Image",
"info": "360 x 420 px .jpg recommended."
},
{
"type": "text",
"id": "promo_1_heading",
"default": "Promotion heading",
"label": "Heading"
},
{
"type": "text",
"id": "promo_1_link_label",
"label": "Button label",
"default": "Shop",
"info": "Leave the label blank to hide the text button."
},
{
"type": "url",
"id": "promo_1_link",
"label": "Button link"
},
{
"type": "header",
"content": "Promotion 2"
},
{
"type": "image_picker",
"id": "promo_2_image",
"label": "Image",
"info": "360 x 420 px .jpg recommended."
},
{
"type": "text",
"id": "promo_2_heading",
"default": "Promotion heading",
"label": "Heading"
},
{
"type": "text",
"id": "promo_2_link_label",
"label": "Button label",
"default": "Shop",
"info": "Leave the label blank to hide the text button."
},
{
"type": "url",
"id": "promo_2_link",
"label": "Button link"
}
]
},
{
"type": "menulinks",
"name": "Mega Links",
"settings": [
{
"type": "header",
"content": "Link class"
},
{
"type": "textarea",
"id": "class",
"label": "Class"
},
{
"type": "header",
"content": "Link content"
},
{
"type": "text",
"id": "anchor_text",
"label": "Enter Button Text"
},
{
"type": "url",
"id": "anchor_link",
"label": "Enter Button link"
},
{
"type": "text",
"id": "badge_text",
"label": "Enter Button Text"
},
{
"type": "header",
"content": "Mega Menu"
},
{
"type": "checkbox",
"id": "show_mega",
"label": "Show mega menu",
"default": false
},
{
"type": "header",
"content": "Mega Menu links"
},
{
"type": "text",
"id": "main_heading",
"label": "Main Heading"
},
{
"type": "text",
"id": "heading_1",
"label": "Heading 1"
},
{
"type": "url",
"id": "link_1",
"label": "Link 1"
},
{
"type": "text",
"id": "heading_2",
"label": "Heading 2"
},
{
"type": "url",
"id": "link_2",
"label": "Link 2"
},
{
"type": "text",
"id": "heading_3",
"label": "Heading 3"
},
{
"type": "url",
"id": "link_3",
"label": "Link 3"
},
{
"type": "text",
"id": "heading_4",
"label": "Heading 4"
},
{
"type": "url",
"id": "link_4",
"label": "Link 4"
},
{
"type": "text",
"id": "heading_5",
"label": "Heading 5"
},
{
"type": "url",
"id": "link_5",
"label": "Link 5"
},
{
"type": "header",
"content": "Mega Menu Images"
},
{
"type": "text",
"id": "aspect_ratio",
"label": "Image aspect ratio in %",
"info": "Only number. No Unit. Leave empty if not using"
},
{
"type": "image_picker",
"id": "image_1",
"label": "Image 1"
},
{
"type": "textarea",
"id": "image_heading_1",
"label": "Image Heading 1"
},
{
"type": "textarea",
"id": "image_subheading_1",
"label": "Image Sub Heading 1"
},
{
"type": "url",
"id": "image_link_1",
"label": "Image Link 1"
},
{
"type": "image_picker",
"id": "image_2",
"label": "Image 2"
},
{
"type": "textarea",
"id": "image_heading_2",
"label": "Image Heading 2"
},
{
"type": "textarea",
"id": "image_subheading_2",
"label": "Image Sub Heading 2"
},
{
"type": "url",
"id": "image_link_2",
"label": "Image Link 2"
},
{
"type": "image_picker",
"id": "image_3",
"label": "Image 3"
},
{
"type": "textarea",
"id": "image_heading_3",
"label": "Image Heading 3"
},
{
"type": "textarea",
"id": "image_subheading_3",
"label": "Image Sub Heading 3"
},
{
"type": "url",
"id": "image_link_3",
"label": "Image Link 3"
},
{
"type": "image_picker",
"id": "image_4",
"label": "Image 4"
},
{
"type": "textarea",
"id": "image_heading_4",
"label": "Image Heading 4"
},
{
"type": "textarea",
"id": "image_subheading_4",
"label": "Image Sub Heading 4"
},
{
"type": "url",
"id": "image_link_4",
"label": "Image Link 4"
},
{
"type": "image_picker",
"id": "image_5",
"label": "Image 5"
},
{
"type": "textarea",
"id": "image_heading_5",
"label": "Image Heading 5"
},
{
"type": "textarea",
"id": "image_subheading_5",
"label": "Image Sub Heading 5"
},
{
"type": "url",
"id": "image_link_5",
"label": "Image Link 5"
}
]
},
{
"type": "menu_item",
"name": "Mobile menu item",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Hair Dryers"
},
{
"type": "text",
"id": "sub_heading",
"label": "Sub Heading",
"default": "Hair Dryers"
},
{
"type": "url",
"id": "link",
"label": "Link"
},
{
"type": "text",
"id": "badge",
"label": "Badge Text"
},
{
"type": "header",
"content": "Sub item 1"
},
{
"type": "image_picker",
"id": "image1",
"label": "Image 1"
},
{
"type": "text",
"id": "heading1",
"label": "Heading1",
"default": "Hair Dryers "
},
{
"type": "text",
"id": "sub_heading1",
"label": "Sub Heading 1",
"default": "Hair Dryers 1"
},
{
"type": "url",
"id": "link1",
"label": "Link 1"
},
{
"type": "text",
"id": "badge1",
"label": "Badge Text 1"
},
{
"type": "header",
"content": "Sub item 2"
},
{
"type": "image_picker",
"id": "image2",
"label": "Image 2"
},
{
"type": "text",
"id": "heading2",
"label": "Heading2",
"default": "Hair Dryers 2"
},
{
"type": "text",
"id": "sub_heading2",
"label": "Sub Heading 2",
"default": "Hair Dryers 2"
},
{
"type": "url",
"id": "link2",
"label": "Link 2"
},
{
"type": "text",
"id": "badge2",
"label": "Badge Text 2"
},
{
"type": "header",
"content": "Sub item 3"
},
{
"type": "image_picker",
"id": "image3",
"label": "Image 3"
},
{
"type": "text",
"id": "heading3",
"label": "Heading3",
"default": "Hair Dryers 3"
},
{
"type": "text",
"id": "sub_heading3",
"label": "Sub Heading 3",
"default": "Hair Dryers 3"
},
{
"type": "url",
"id": "link3",
"label": "Link 3"
},
{
"type": "text",
"id": "badge3",
"label": "Badge Text 3"
},
{
"type": "header",
"content": "Sub item 4"
},
{
"type": "image_picker",
"id": "image4",
"label": "Image 4"
},
{
"type": "text",
"id": "heading4",
"label": "Heading4",
"default": "Hair Dryers 4"
},
{
"type": "text",
"id": "sub_heading4",
"label": "Sub Heading 4",
"default": "Hair Dryers 4"
},
{
"type": "url",
"id": "link4",
"label": "Link 4"
},
{
"type": "text",
"id": "badge4",
"label": "Badge Text 4"
}
]
}
],
"presets": []
}