kajabi-quick-section-example.liquid

{% assign kjb-select    = 'heading' | settings_id: section: section %}

<style>
  .pf4_{{ section.id }}{
      color: {{section.settings.text_color}};
      background-image:url( {{'section-9-arrow.png' | asset_url}});
      background-image:url( {{section.settings.image | image_picker_url: 'section_1_img__1.jpg'}} );
  }
</style>

<div class="section pf4_{{ section.id }}" kjb-settings-id="{{kjb-select}}">
  <h3>{{section.settings.heading}}</h3>
  {% for block in section.blocks %}
    <h4 kjb-settings-id="{{'title' | settings_id: section: section, block: block}}">{{block.settings.title}}</h4>
  {% endfor %}
</div>

{% schema %}
{
  "name": "(01) Home Hero",
  "elements": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "This is an example setting of a heading"
    },
    {
      "type": "textarea",
      "id": "heading",
      "label": "Heading",
      "default": "This is an example setting of a heading"
    },
    {
      "type": "rich_text",
      "id": "body",
      "label": "Body",
      "default": "This is an example setting of a paragraph"
    },
    {
      "type": "color",
      "label": "Section Background Color",
      "id": "background_color",
      "allow_blank": true,
      "info": ""
    },
    {
      "type": "image_picker",
      "id": "image",
      "label": "Image",
      "info": "",
      "fit": "max",
      "width": 3000,
      "height": 3000
    },
    {
      "type": "checkbox",
      "id": "show_social_icons",
      "label": "Show Social Icons",
      "default": "true"
    },
    {
      "type": "header",
      "content": "Social Icons",
      "style": "subheading"
    }
  ],
  "blocks": [
    {
      "type": "item",
      "name": "Item",
      "elements": [
        {
          "type": "header",
          "content": "Item"
        },
        {
          "type": "text",
          "label": "Title",
          "id": "title",
          "default": "Three crucial considerations for mobile video ad buyers"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "(01) Home Hero",
      "category": "Content"
    }
  ]
}
{% endschema %}