Cambiar el orden de tus colecciones

Precaución

Los temas vintage no están disponibles en la Theme Store. Estos temas no tienen las funciones incluidas en los temas de la Online Store 2.0 de Shopify, y los temas vintage gratuitos de Shopify no reciben actualizaciones aparte de las correcciones de seguridad.

Nota

Si usas un tema gratis de Shopify, puedes comunicarte con atención al cliente de Shopify para recibir ayuda con este tutorial. Requiere 15 minutos de tiempo de diseño. Obtén más información sobre la política de diseño de Shopify.

Nota

Esta personalización es para temas vintage de Shopify, y no se aplica a temas de Online Store 2.0.

• Conocer la versión de la arquitectura del tema
• Explorar las personalizaciones de temas de Online Store 2.0

Tu tienda incluye una página con la lista de colecciones en la URL your-store.com/collections que muestra todas tus colecciones en orden alfabético. Esta personalización te muestra cómo especificar las colecciones que se incluyen y cómo cambiar su orden en la página.

Revisar la configuración de tu tema

Las versiones actuales de todos los temas gratuitos de Shopify incluyen una configuración que te permite hacer cambios en el diseño de tu página con la lista de colecciones desde el editor de temas.

Pasos:

Escritorio

1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
2. Busca el tema que deseas editar y luego haz clic en Personalizar.
3. En el menú desplegable en la parte superior de la página o en el menú Plantillas del dispositivo móvil, selecciona Lista de colecciones.
4. Haz clic en Página con la lista de colecciones para ver y cambiar la configuración.
5. Haz clic en Guardar.

iPhone

1. En la aplicación de Shopify, toca el botón ….
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar todos los temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca Editar.
6. En el menú desplegable en la parte superior de la página o en el menú Plantillas del dispositivo móvil, selecciona Lista de colecciones.
7. Toca Página de lista de colecciones para ver y cambiar la configuración.
8. Toca Guardar.

Android

1. En la aplicación de Shopify, toca el botón ….
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Gestionar todos los temas.
4. Busca el tema que deseas editar, y luego toca Personalizar.
5. Toca Editar.
6. En el menú desplegable en la parte superior de la página o en el menú Plantillas del dispositivo móvil, selecciona Lista de colecciones.
7. Toca Página de lista de colecciones para ver y cambiar la configuración.
8. Toca Guardar.

Si tu tema no incluye una configuración para modificar la página con la lista de colecciones, debes crear un menú y editar el código de tu tema.

Crear un menú para controlar tu página con la lista de colecciones

Puedes crear un menú para especificar qué colecciones deseas incluir en tu página con la lista de colecciones.

Pasos:

Escritorio

1. Desde el panel de control de Shopify, ve a Contenido > Menús.

2. Haz clic en Agregar menú.

3. Asigna al menú el nombre All collections. Es importante que no cambies este nombre, ya que el tema lo usa para determinar qué colecciones mostrar en la página de lista de colecciones y en qué orden. El nombre del menú no se muestra en tu tienda online.

4. Haz clic en Agregar un elemento del menú.

5. En la ventana Agregar elemento del menú, introduce el nombre de la colección que deseas mostrar en la página de lista de colecciones. Haz clic en el campo Enlace, selecciona Colecciones, y luego haz clic en el nombre de la colección. Para mover un elemento del menú a una nueva posición, haz clic y arrastra los puntos de la izquierda del elemento del menú.

6. Haz clic en Guardar.

iPhone

1. En la aplicación de Shopify, toca el botón ….
2. Toca Contenido > Menús.
3. Toca Agregar menú.
4. Asigna al menú el nombre All collections. Es importante que no cambies este nombre, ya que el tema lo usa para determinar qué colecciones mostrar en la página de lista de colecciones y en qué orden. El nombre del menú no se muestra en tu tienda online.
5. Toca Agregar elemento del menú.
6. En la ventana Agregar elemento del menú, introduce el nombre de la colección que desees mostrar en la página de lista de colecciones. Toca el campo Enlace, selecciona Colecciones y luego toca el nombre de la colección. Para mover un elemento del menú a una nueva posición, toca y arrastra los puntos de la izquierda del elemento del menú.
7. Toca Guardar.

Android

1. En la aplicación de Shopify, toca el botón ….
2. Toca Contenido > Menús.
3. Toca Agregar menú.
4. Asigna al menú el nombre All collections. Es importante que no cambies este nombre, ya que el tema lo usa para determinar qué colecciones mostrar en la página de lista de colecciones y en qué orden. El nombre del menú no se muestra en la tienda online.
5. Toca Agregar elemento del menú.
6. En la ventana Agregar elemento del menú, introduce el nombre de la colección que desees mostrar en la página de lista de colecciones. Toca el campo Enlace, selecciona Colecciones y luego toca el nombre de la colección. Para mover un elemento del menú a una nueva posición, toca y arrastra los puntos de la izquierda del elemento del menú.
7. Toca Guardar.

Para algunos temas, como Supply, todo lo que debes hacer es crear el menú All collections. Para verificar si se han realizado cambios, ve a la página con tu lista de colecciones (your-store.com/collections) en tu tienda online. Si no ves cambios, debes editar el código de tu tema.

Personalizar tu plantilla list-collections.liquid

Puedes editar el código de tu página con la lista de colecciones para que la página muestre solo las colecciones que has incluido en el menú All collections.

Pasos:

Escritorio

1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.
3. En el directorio Secciones, haz clic en list-collections-template.liquid.
4. Busca cada aparición del código siguiente:

{% for collection in collections %}

Algunos temas contienen el código siguiente:

{% for collection in list_collections %}

Reemplaza cada aparición del código anterior con:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}

1. Haz clic en Guardar.

iPhone

1. En la aplicación de Shopify, toca el botón ….
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Administrar temas.
4. Busca el tema que desees editar, toca el botón … para abrir el menú de acciones y, luego, toca Editar código.
5. En el directorio Secciones, toca list-collections-template.liquid.
6. Busca cada aparición del código siguiente:

{% for collection in collections %}

Algunos temas contienen el código siguiente:

{% for collection in list_collections %}

Reemplaza cada aparición del código anterior con:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}

1. Haz clic en Guardar.

Android

1. En la aplicación de Shopify, toca el botón ….
2. En la sección Canales de ventas, toca Tienda online.
3. Toca Administrar temas.
4. Busca el tema que desees editar, toca el botón … para abrir el menú de acciones y, luego, toca Editar código.
5. En el directorio Secciones, toca list-collections-template.liquid.
6. Busca cada aparición del código siguiente:

{% for collection in collections %}

Algunos temas contienen el código siguiente:

{% for collection in list_collections %}

Reemplaza cada aparición del código anterior con:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}

1. Haz clic en Guardar.