portfolio-a.liquid

<script src="https://cdn.shopify.com/s/files/1/0065/5074/9253/files/jquery.min.js?v=1596581720"></script>
<script src="https://cdn.shopify.com/s/files/1/0065/5074/9253/files/bs.min.js?v=1596581690"></script>
<script src="https://cdn.shopify.com/s/files/1/0065/5074/9253/files/provincias.js?v=1596583586"></script>
<link rel="stylesheet" type="text/css"
  href="https://cdn.shopify.com/s/files/1/0065/5074/9253/files/bs.css?v=1596582732">

{% section 'a-01' %}



<div class="libro-reclamaciones">
  <div class="container">
    <div class="row mb-20">
      <div class="col text-center">
        <h2>{{ page.title }}</h2>
      </div>
    </div>
    <div class="row">
      {% if section.blocks.size > 0 %}
      {% for block in section.blocks %}
      {% if block.type == "proyecto" %}
      <div class="col-{{ section.settings.mcols }} col-md-{{ section.settings.cols }} text-center mb-20">
        <div class="mb-05">
        {% render 'responsive-image' with block.settings.image, alt: '{{ block.settings.title }}' %}
        </div>
        <h5 class="mb-01">{{ block.settings.title }}</h5>
        <a href="{{ block.settings.button_link }}"><button class="btn-proyect btn-bloc">{{ block.settings.button_text }}</button></a>
      </div>
      {% endif %}
      {% endfor %}
      {% endif %}

    </div>
  </div>
</div>

<style>
  .libro-reclamaciones a:hover, .btn-proyect, .btn-proyect:hover {
    text-decoration: none !important;
    border: 0px;
  }
  .my-20 {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .mb-05 {
   	margin-bottom: 0.5rem !important;
  }
  .mb-01 {
   	margin-bottom: 1rem !important;
  }
  .mb-10 {
    margin-bottom: 10px;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
</style>

{% schema %}
  {
    "name": "Proyectos",
	"max_blocks": 50,
    "settings": [
		{
           "type": "select",
           "id": "cols",
           "options": [
              { "value": "6", "label": "2"},
              { "value": "4", "label": "3"},
              { "value": "3", "label": "4"}
           ],
           "label": "Proyectos por fila"
        },
		{
           "type": "select",
           "id": "mcols",
           "options": [
              { "value": "12", "label": "1"},
              { "value": "6", "label": "2"}
           ],
           "label": "Fotos por fila mobile"
        }
		
	],
	"blocks": [
      {
        "type": "proyecto",
        "name": "Categoria proyectos",
        "settings": [
          {
            "type": "image_picker",
            "id": "image",
            "label": "Imagen proyecto"
          },
		  {
            "type": "text",
            "id": "title",
            "label": "Nombre proyecto",
            "default": "Proyecto"
          },
		  {
            "type": "text",
            "id": "button_text",
            "label": "Texto boton",
            "default": "Ver más"
          },
		  {
            "type": "url",
            "id": "button_link",
            "label": "Link botón"
          }
        ]
      }
	]
  }
{% endschema %}