<div class="home_making_products">
  <div class="page-width">
    {% if section.settings.title != blank %}
    <div class="section-header text-center">
      <h1>{{ section.settings.title }}</h1>
      {% if section.settings.short_desc != blank %}
      <p>{{ section.settings.short_desc }}</p>
      {% endif %}
    </div>
    {% endif %}
    {% if section.blocks.size > 0 %}
    <div class="section_content_container">
      <ul class="text_icons">
        {% for block in section.blocks %}
        <li>
          <div class="content">
            <a href="{% if block.settings.url != blank %}{{ block.settings.url }}{% else %}#{% endif %}">
              {% if block.settings.image != blank %}
              <img class="lazyload" data-src="{{ block.settings.image | img_url: 'x75' }}" alt="" />
              {% else %}
              {{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
              {% endif %}
              {% if block.settings.title != blank %}
              <p>{{ block.settings.title }}</p>
              {% endif %}
            </a>
          </div>
        </li>
        {% endfor %}
      </ul>
    </div>
    {% endif %}
  </div>
</div>


{% schema %}
  {
    "name": "Fazer produtos - ícones",
    "settings": [
		{
      		"type": "text",
      		"id": "title",
      		"label": "Cabeçalho",
      		"default": "NOSSA FORMA DE FAZER PRODUTOS"
    	},
		{
      		"type": "textarea",
      		"id": "short_desc",
      		"label": "Descrição curta",
      		"default": "Escreva aqui uma pequena descrição."
    	}
	],
	"blocks": [
		{
			"type": "product_icons",
			"name": "Ícones com texto",
			"settings": [
				{
					"type": "image_picker",
					"id": "image",
					"label": "Imagem"
				},
				{
					"type": "text",
					"id": "title",
					"label": "Título",
					"default": "Título aqui"
				},
				{
					"type": "url",
					"id": "url",
					"label": "URL"
				}
			]
		}
	],
	"presets": [
		{
			"name": "Fazer produtos - ícones",
			"category": "astron"
		}
	]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}
