He estado mirando tutoriales de cómo hacer que me aparezca en ciertos productos un badge nuevo (como el de Oferta o el de Agotado) pero usando etiquetas/tags. Por lo que he ido viendo, se hace a través de la edición del código pero todos los tutoriales que he visto pone que tengo que modificar un tal product.liquid pero a mi no me aparece.
Tengo la versión Dawn 8.0.0 y quiero saber cómo hacerlo. Mi etiqueta que voy a usar se llama ‘preventa’.
Os dejo unas capturas de lo que me sale en el código con la palabra product, a ver si me podéis ayudar a escribir el código en el sitio correcto, que no entiendo muy bien de liquid (sólo CSS)
Gracias por ponerte en contacto y por compartir la captura de pantalla.
Mientras esperas por una espera de otro desarrollador, quería aclarar que modificaciones de código se quedan fuera del alcance del soporte de Shopify. Sin embargo, recomendamos que sigas los consejos en la guía ‘Editar código de tema’ para prevenir problemas y garantizar que tengas versiones de tu tema anteriores de los cambios que haces. Así, puedes revertir modificaciones si no funcionan como quieres.
Una cosa que puedes hacer es subir tu pregunta en inglés en nuestros foros para los desarrolladores. Ese subforo tiene muchos participantes que son desarrolladores y participan activamente a responder a muchas dudas puestas por parte de varios usuarios.
Otra cosa que puedes hacer es juntarte al grupo de Discord para los desarrolladores de Shopify aquí y subir tu pregunta allá.
Para Dawn 8.0, puedes agregar un badge personalizado editando el código de tu tema. Ve a Tienda online → Temas → Editar código y busca card-product.liquid en Snippets (líneas 180-200 aprox.). Los badges existentes como “Oferta” sirven de plantilla; duplica esa estructura y agrega {% if product.tags contains 'preventa' %} para mostrar tu badge. Aquí está la guía oficial.
Limitación: Requiere sintaxis básica de Liquid y replicar la estructura CSS de Dawn 8.0.
Alternativamente, apps como K1 PreOrder (soy el fundador) automatizan esto, agregando badges sin código y controlando visualización según inventario y fechas. Listado de la app si te es relevante.
Encantado de ayudarte con la personalización del tema si lo necesitas.