Cambiar el orden de tus colecciones
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:
- Desde tu panel de control de Shopify, ve a Tienda online > Temas.
- Busca el tema que deseas editar y luego haz clic en Personalizar.
- Desde la aplicación de Shopify, toca Tienda.
- En la sección Canales de ventas, toca Tienda online.
- Toca Gestionar temas.
- Busca el tema que deseas editar, y luego toca Personalizar.
- Toca Editar.
- Desde la aplicación de Shopify, toca Tienda.
- En la sección Canales de ventas, toca Tienda online.
- Toca Gestionar temas.
- Busca el tema que deseas editar, y luego toca Personalizar.
- Toca Editar.
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.
Haz clic en Página con la lista de colecciones para ver y cambiar la configuración.
Haz clic en 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:
- Desde tu panel de control de Shopify, ve a Tienda online > Navegación.
Desde la app de Shopify, selecciona Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Navegación.
Desde la app de Shopify, selecciona Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Navegación.
Haz clic en Agregar menú.
Asigna a tu menú el nombre
All collections. Es importante que no cambies este nombre, ya que tu tema lo usa para determinar qué colecciones mostrar en la página con la lista de colecciones y en qué orden. El nombre del menú no se muestra en tu tienda online.Haz clic en Agregar un elemento del menú.
En la ventana Agregar elemento del menú, introduce el nombre de la colección que deseas mostrar en la página con la lista de colecciones. Haz clic en el campo Enlace y selecciona Colecciones y luego haz clic en el nombre de la colección.
Haz clic en 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:
Desde tu panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
Desde la app de Shopify, toca Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Administrar temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
Desde la app de Shopify, toca Tienda.
En la sección Canales de ventas, selecciona Tienda online.
Toca Administrar temas.
Busca el tema que deseas editar, haz clic en el botón ... para abrir el menú de acciones y luego haz clic en Editar código.
En el directorio Secciones, haz clic en list-collections-template.liquid.
Busca cada aparición del código siguiente:
{% for collection in collections %}Some themes contain the following code instead:{% for collection in list_collections %}Replace each occurrence of the above code with:{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}- Haz clic en Guardar.