portfolio-c.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 'c-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 lefted">
      <div class="col-12">
      	<h5 class="mb-03">{{ section.settings.title }}</h5>
        <h6 class="mb-01">{{ section.settings.subtitle }}</h6>
        <div class="descripcion">{{ section.settings.description }}</div>
      </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>
      </div>
      {% endif %}
      {% endfor %}
      {% endif %}

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

<style>
  .lefted, .lefted h5, .lefted h6, .lefted p, .lefted .descripcion p {
   	text-align: left !important; 
  }
  .mw-600 {
    max-width: 600px;
    margin: 0 auto!important;
  }
  .libro-reclamaciones a:hover, .libro-reclamaciones a, .btn-proyect, .btn-proyect:hover {
    text-decoration: none !important;
    border: 0px;
  }
  .my-20 {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .mb-03 {
    margin-bottom: 0.3rem !important;
  }
  .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": "Detalle Proyectos",
	"max_blocks": 50,
    "settings": [
		{
           "type": "select",
           "id": "cols",
           "options": [
              { "value": "6", "label": "2"},
              { "value": "4", "label": "3"},
              { "value": "3", "label": "4"},
              { "value": "2", "label": "6"}
           ],
           "label": "Fotos por fila escritorio"
        },
		{
           "type": "select",
           "id": "mcols",
           "options": [
              { "value": "12", "label": "1"},
              { "value": "6", "label": "2"}
           ],
           "label": "Fotos por fila mobile"
        },
		{
          "type": "text",
          "id": "title",
          "label": "Título proyecto",
          "default": "Título"
        },
        {
          "type": "text",
          "id": "subtitle",
          "label": "Subtitulo proyecto",
          "default": "Subtítulo"
        },
		{
          "type": "richtext",
          "id": "description",
          "label": "Descripción proyecto",
		  "default": "<p>Lorem ipsum dolor sit amet</p>"
        }
	],
	"blocks": [
      {
        "type": "proyecto",
        "name": "Listado proyectos",
        "settings": [
          {
            "type": "image_picker",
            "id": "image",
            "label": "Imagen proyecto"
          }
        ]
      }
	]
  }
{% endschema %}