Enlazado interno personalizado en collections Shopify

Tabla de Contenidos

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.

AUTOR

ÚLTIMOS ARTÍCULOS

Si aun no conoces Linkatomic, déjame explicarte qué es y cómo funciona. Porque si estás pensando en darle un impulso a tu página web, a…

Plantilla Looker Studio: Impulsando la Estrategia SEO con Datos Visuales Teniendo claro que uno de nuestros valores se centra sobre el uso de los datos…

Tutorial sobre cómo configurar Google Merchant Center¿Quieres conseguir visibilidad en Google Shopping de tus productos? Para ello deberás configurar merchant center ¿Qué es Google Merchant…

Suscríbete a la Newsletter

Recibe las últimas noticias y aprende de SEO y Google ADS