Personaliza las Opciones del Filtro 'Sort' en tu Tienda Shopify

Hoy, vamos a explorar cómo puedes mejorar significativamente la experiencia de compra en tu tienda Shopify personalizando las opciones del filtro 'sort' en tu página de colección. Esta función es esencial para ayudar a tus clientes a navegar y encontrar productos fácilmente. Vamos a sumergirnos en cómo puedes configurar estas opciones para satisfacer mejor las necesidades de tus clientes. ¡Empecemos!

Opciones del Filtro 'Sort'

Antes de empezar con la personalización, es crucial comprender las diferentes opciones del filtro 'sort' disponibles en Shopify. Aquí tienes una lista detallada:

  1. Manual: Permite ordenar los productos manualmente según tus preferencias.
  2. Best-selling: Clasifica los productos de más vendidos a menos vendidos.
  3. Title-Ascending/Descending: Ordena los productos alfabéticamente por título, ya sea de forma ascendente o descendente.
  4. Price-Ascending/Descending: Ordena los productos por precio, ya sea de menor a mayor o al revés.
  5. Created-Ascending/Descending: Ordena los productos por fecha de creación, del más antiguo al más reciente o viceversa.

Listado de Valores del Filtro 'Sort'

manual
best-selling
title-ascending
title-descending
price-ascending
price-descending
created-ascending
created-descending

Instrucciones para Implementar el Código

  1. Accede al Editor de Temas: En tu panel de administración de Shopify, ve a 'Tiendas Online' y luego a 'Temas'.
  2. Edita el Código: Selecciona el tema que estás utilizando, en este caso, 'Dawn', y haz clic en 'Editar código'.
  3. Modifica el Archivo Correspondiente: Encuentra y abre la sección donde necesitas insertar el código, main-collection-product-grid.liquid.
  4. Ubica la linea de código {%- for option in collection.sort_options -%}
  5. Inserta el Código: Copia y pega el código de ejemplo en el lugar apropiado.
  6. Guarda los Cambios y Prueba: No olvides guardar tus cambios y revisar tu página de colección para asegurarte de que el filtro 'sort' funciona correctamente.

Código de Ejemplo para Modificar el Filtro 'Sort'

Para ayudarte a modificar estas opciones en el tema 'Dawn' de Shopify, aquí tienes un ejemplo de código que puedes usar:


{% for sort_option in collection.sort_options %}
  {% if sort_option.value == 'best-selling' or sort_option.value == 'price-descending' or sort_option.value == 'price-ascending' %}
    <a href="{{ sort_option.url }}">{{ sort_option.name }}</a>
  {% endif %}
{% endfor %}

Ajustar las opciones del filtro 'sort' en tu página de colección de Shopify es así de sencillo. Esperamos que este tutorial te haya proporcionado una comprensión clara de cómo personalizar esta funcionalidad para enriquecer la experiencia de tus clientes. Recuerda, incluso un cambio pequeño puede tener un impacto significativo en tu tienda.

Video tutorial