Enlazado interno personalizado en collections Shopify

Enlazado interno personalizado en Collections ShopifyShopify es una plataforma de comercio electrónico que permite a individuos y empresas crear sus propias tiendas en línea. Es popular por su facilidad de uso y por ofrecer una solución integral que abarca desde la creación de la tienda hasta la gestión de inventarios...

1. Crear Metafield:

Settings > Custom Data > Collections > Add definition

2. Crear sección «collection-bottom-links.liquid».

Se mostrará en: Online Store > Themes > Customize

{% assign metafield_text = collection.metafields.custom.designer_bottom_text %}
{% assign metafield_text_array = metafield_text | split: ' ' %}
{% if collection.metafields.custom.collection_links_bottom
%}
  <div id="section-{{ section.id }}" class="featured-designer shopify-section-collection-bottom-links">
    <div class="featured-designer__content">
    
      <div class="featured-designer__links-block">
          {% for bottom_collection in collection.metafields.custom.collection_links_bottom.value %}
            {% assign metafield_products = false %}
            {% if collection.metafields.custom.designer_bottom_products %}
              {% assign metafield_products = true %}
            {% endif %}
            <a class="featured-designer__link" href="{{ bottom_collection.url }}">
              {{- bottom_collection.title -}}
            </a>
            {% unless forloop.last and metafield_products == false %}
              |
            {% endunless %}
          {% endfor %}
          {% for bottom_product in collection.metafields.custom.designer_bottom_products.value %}
            <a class="featured-designer__link" href="{{ bottom_product.url }}">
              {{- bottom_product.title -}}
            </a>
            {% unless forloop.last %}
              |
            {% endunless %}
          {% endfor %}
        </p>
      </div>
    </div>
  </div>
{% endif %}

3. Añadir sección en template para mostrar. En este caso en «collections.liquid»

{% section ‘collection-bottom-links’ %}

4. Seleccionar las categorías que queremos mostrar desde el editor de cada Collection.

5. Editar el .css para que quede con el estilo de cada tienda.