Enlazado interno personalizado en Collections Shopify
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.
