Configuración de la tienda
Configure el filtro de vehículos con Shopify Search & Discovery y añada un bloque Liquid personalizado para mostrar referencias OEM e IAM y PDF.
Para que la aplicación Mecaparts funcione correctamente en su tienda Shopify, debe configurar dos elementos:
- Filtro de vehículos (Vehicle Filter): para que sus clientes encuentren los recambios adecuados según su vehículo.
- Sección Liquid personalizado: para mostrar datos del producto como las referencias OEM, las referencias IAM y los documentos técnicos.
Siga atentamente los pasos que se indican a continuación.
1. Filtro de vehículos: configuración
El filtro de vehículos permite a sus clientes acotar los productos por modelo de coche. Para configurarlo, utilizará la aplicación gratuita de Shopify Search & Discovery.
Paso 1: instale Search & Discovery
Vaya al panel de control de Shopify e instale la aplicación Search & Discovery. Esta aplicación es la que permite crear filtros como el filtro de vehículos.
Paso 2: abra la pestaña «Filtros»
Una vez instalada, abra la aplicación desde el panel de control de Shopify y vaya a la pestaña Filtros. Aquí es donde creará y gestionará los filtros que se mostrarán en su tienda.
Paso 3: añada el filtro CAR
En la pestaña Filtros, haga clic en Agregar filtro y, a continuación, en Seleccionar fuente. En la lista, elija CAR Variant Metafield como fuente. Una vez seleccionada, haga clic en Guardar para confirmar.
Paso 4: dé prioridad al filtro CAR
Arrastre el filtro CAR a la parte superior de la lista para que sea el primero que vean sus clientes.
Paso 5: (opcional) oculte el filtro predeterminado de Shopify
- Vaya a Tienda online > Temas > Personalizar
- En el editor de temas, busque la sección CSS personalizado
- Añada el siguiente CSS para ocultar el filtro predeterminado y mantener el filtro de vehículos como opción principal:
#FacetFiltersForm > div.page-layout-sidebar-inner-content > div:nth-child(1) {
display: none;
}
2. Datos del producto: sección Liquid personalizado
Este paso muestra información importante del producto (referencias OEM, referencias IAM y documentos PDF) directamente en sus páginas de producto.
Paso 1: abra la personalización del tema
En el panel de control de Shopify, vaya a Tienda online > Temas > Personalizar.
Paso 2: añada un bloque Liquid personalizado
- En el editor de temas, haga clic en Agregar sección y seleccione Liquid personalizado
- Pegue el siguiente código en el bloque:
{{ product.metafields.pro.oem }}
{{ product.metafields.pro.iam }}
{{ product.metafields.pro.pdf }}
Así sus clientes podrán ver las referencias del producto y los documentos descargables directamente en la página de producto.
Una vez completados estos pasos, la aplicación Mecaparts quedará totalmente integrada en su tienda Shopify para un rendimiento óptimo. Si tiene algún problema o necesita ayuda, escríbanos a contact@mecaparts.app.