Section

Nav bar

17 个模板实例，8 个 section 配置，1 类 block。

真实模板变体

page.aff-selected-productsnav_bar_9CDfxx · 4 blocks启用 page.eam-salon-qualitynav_bar_3y9Hze · 3 blocks启用 page.eam-toothbrushcp-v2nav_bar_WmkJVY · 6 blocks已禁用 page.eam-toothbrushcp-v3nav_bar_DBgUAP · 4 blocks启用 page.pillar-page-mother-daynav_bar_3y9Hze · 7 blocks启用 page.pillar-page-oral-hygienenav_bar_3y9Hze · 7 blocks已禁用 page.pillar-page-sellingpointnav_bar_3y9Hze · 4 blocks启用 page.plp-high-vs-tradi-downgranav_bar_3y9Hze · 5 blocks已禁用 page.v-day-giftnav_bar_3y9Hze · 3 blocks启用 page.wave-giftnav_bar_3y9Hze · 3 blocks启用 page.women-day-gift-elec-brushnav_bar_3y9Hze · 3 blocks启用 page.women-day-gift-hair-dryernav_bar_3y9Hze · 3 blocks启用 product.bundle-se-wavespecialnav_bar_9FTrkB · 4 blocks启用 product.bundle-swift-diffusernav_bar_XDtQme · 4 blocks启用 product.bundle-swift-storage-bagnav_bar_XDtQme · 4 blocks启用 product.promo-bundle-swift-diffusnav_bar_XDtQme · 4 blocks启用 product.promobundleswiftstoragenav_bar_XDtQme · 4 blocks启用

Schema

{
  "name": "Nav bar",
  "class": "sticky navbar-sticky-bar",
  "settings": [
    {
      "type": "color",
      "id": "bg",
      "label": "Background",
      "default": "#000"
    },
    {
      "type": "color",
      "id": "text-color",
      "default": "#fff",
      "label": "Text color"
    },
    {
      "type": "color",
      "id": "button-bg",
      "label": "Button background"
    },
    {
      "type": "color",
      "id": "active-bg",
      "label": "Active background color",
      "default": "#00a9e1"
    },
    {
      "type": "color",
      "id": "active-text-color",
      "label": "Active text color"
    },
    {
      "type": "header",
      "content": "Section padding"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 2,
      "unit": "px",
      "label": "Padding_top",
      "default": 36
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 2,
      "unit": "px",
      "label": "Padding bottom",
      "default": 36
    }
  ],
  "blocks": [
    {
      "type": "item",
      "name": "Item",
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": "Title",
          "default": "Title"
        },
        {
          "type": "text",
          "id": "link",
          "label": "Link"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Nav bar"
    }
  ]
}