metafields.liquid

{% if page.metafields.c_f.b1_image != blank %}

<!-- Horizontal Image-->
<div class="long">
  {% if page.metafields.c_f.b1_image_link != blank %}<a href="{{ page.metafields.c_f.b1_image_link }}" alt="Shop This Look">{% endif %}
    <img class="lazy" data-original="{{ page.metafields.c_f.b1_image }}" src="{{ 'Placeholder.png' | asset_url }}" alt="Shop This Look" />
    {% if page.metafields.c_f.b1_image_link != blank %}
    <div class="long-over">
      <div class="long-double">
        {% if page.metafields.c_f.b1_image_title != blank %}
        <h2>{{ page.metafields.c_f.b1_image_title }}</h2>
        {% else %}
        <h2>&nbsp;</h2>
        {% endif %}
        <button class="ghost-lb">SHOP</button>
      </div>
    </div>
    {% endif %}
  {% if page.metafields.c_f.b1_image_link != blank %}</a>{% endif %}
</div>
<!-- End Horizontal Image -->
{% endif %}

{% if page.metafields.c_f.c1_image and page.metafields.c_f.c2_image != blank %}
<!-- Vertical Image 1 -->
<div class="tall">
  {% if page.metafields.c_f.c1_image_link != blank %}<a href="{{ page.metafields.c_f.c1_image_link }}" alt="Shop This Look">{% endif %}
    <img class="lazy" data-original="{{ page.metafields.c_f.c1_image }}" src="{{ 'Placeholder.png' | asset_url }}" alt="Shop This Look" />
{% if page.metafields.c_f.c1_image_link != blank %}
    <div class="tall-over">
      <div class="tall-double">
        {% if page.metafields.c_f.c1_image_title != blank %}
        <h2>{{ page.metafields.c_f.c1_image_title }}</h2>
        {% else %}
        <h2>&nbsp;</h2>
        {% endif %}
        <button class="ghost-lb">SHOP</button>
      </div>
    </div>
    {% endif %}
  {% if page.metafields.c_f.c1_image_link != blank %}</a>{% endif %}
</div>
<!-- Vertical Image 2 -->
<div class="tall">
  {% if page.metafields.c_f.c2_image_link != blank %}<a href="{{ page.metafields.c_f.c2_image_link }}" alt="Shop This Look">{% endif %}
    <img class="lazy" data-original="{{ page.metafields.c_f.c2_image }}" src="{{ 'Placeholder.png' | asset_url }}" alt="Shop This Look" />
{% if page.metafields.c_f.c2_image_link != blank %}
    <div class="tall-over">
      <div class="tall-double">
        {% if page.metafields.c_f.c2_image_title != blank %}
        <h2>{{ page.metafields.c_f.c2_image_title }}</h2>
        {% else %}
        <h2>&nbsp;</h2>
        {% endif %}
        <button class="ghost-lb">SHOP</button>
      </div>
    </div>
    {% endif %}
{% if page.metafields.c_f.c2_image_link != blank %}</a>{% endif %}
</div>
{% endif %}