Cómo eliminar la etiqueta de venta en Shopify: Guía paso a paso

Tabla de contenidos

  1. Introducción
  2. Comprender la estructura del tema de Shopify
  3. Eliminar etiqueta de venta en temas específicos de Shopify
  4. Mejores prácticas y consejos adicionales
  5. Conclusión
  6. Preguntas frecuentes

Eliminar una etiqueta de venta en Shopify puede parecer un ajuste menor, pero puede tener un impacto significativo en la apariencia y la experiencia general del usuario de tu tienda en línea. Ya sea que consideres visualmente desagradable la etiqueta de venta, o simplemente desees mantener un aspecto más armonizado para tus listados de productos, quitar o modificar la etiqueta de venta es un proceso sencillo si sabes dónde buscar.

Introducción

¿Alguna vez has encontrado una tienda en línea ordenada y elegante y has notado cómo cada detalle contribuye a su atractivo general? La presencia de una etiqueta de "venta", si bien es beneficiosa para resaltar ofertas, no siempre encaja en la estética que estás buscando. Quizás crees que un aspecto más limpio se alinea mejor con la imagen de tu marca, o deseas enfatizar los descuentos de manera diferente. Sea cual sea tu razón, esta guía está diseñada para ayudarte a navegar por el proceso sin problemas.

En este artículo del blog, profundizamos en los pasos prácticos para eliminar o ajustar la etiqueta de venta en diferentes temas de Shopify, incluyendo Boundless, Debutify y Dawn. Al final de este recorrido, no solo sabrás cómo realizar estos ajustes, sino que también comprenderás las sutilezas que acompañan a la estructura única de cada tema.

Comprender la estructura del tema de Shopify

Antes de continuar con el cómo hacerlo, es importante comprender los conceptos básicos de la anatomía del tema de Shopify. Los temas de Shopify se construyen utilizando una combinación de Liquid (el lenguaje de plantillas de Shopify), HTML, CSS y JavaScript. La apariencia y funcionalidad de la etiqueta de venta están principalmente regidas por el CSS del tema (Hojas de estilo en cascada) y, en cierta medida, por sus archivos Liquid. Realizar cambios en estos archivos te permite personalizar cómo y si la insignia de venta aparece en tu tienda en línea.

Eliminar etiqueta de venta en temas específicos de Shopify

Tema Boundless

Si estás utilizando el tema Boundless y deseas ocultar la etiqueta de venta, sigue estos pasos:

  1. Desde tu administrador de Shopify, ve a Tienda en línea > Temas.

  2. Encuentra el tema Boundless y haz clic en Acciones > Editar código.

  3. Navega hasta el directorio de Recursos y selecciona theme.scss.liquid.

  4. Desplázate hasta la parte inferior del archivo y pega el siguiente código CSS:

    .product-item__badge--sale { display: none; }

  5. Haz clic en Guardar para aplicar los cambios.

Este fragmento de CSS oculta la etiqueta de venta al establecer su propiedad de visualización como ninguno, haciéndola efectivamente invisible en tu sitio web.

Tema Debutify

Para aquellos que utilizan el tema Debutify, el proceso difiere ligeramente:

  1. Accede a Temas a través del administrador de Shopify y elige Personalizar para tu tema Debutify.
  2. Dirígete a Configuración del tema > Configuración avanzada.
  3. Encuentra la opción de Colocación de la etiqueta de venta y selecciona Oculto.
  4. Guarda tus ajustes para ocultar la etiqueta de venta.

Dawn y Otros Temas

Eliminar la etiqueta de venta en el tema Dawn u otros temas similares implica:

  1. Ve a Tienda en línea > Temas > Editar código.

  2. En Recursos, encuentra y selecciona base.css (o theme.css para otros temas).

  3. Agrega el siguiente código CSS al final del archivo:

    .badge--sale { display: none !important; }

  4. Presiona Guardar para eliminar la etiqueta de venta de tu tienda.

Al adaptar el código CSS específico para cada tema, puedes eliminar eficazmente la etiqueta de venta. Ten en cuenta que los temas se actualizan con el tiempo, y los nombres de archivo o las clases pueden cambiar. Siempre haz una copia de seguridad de tu tema antes de realizar cambios.

Mejores prácticas y consejos adicionales

  • Siempre realiza una copia de seguridad de tu tema: Antes de realizar cualquier cambio, es crucial hacer una copia de seguridad de tu tema de Shopify. Esto te protege contra posibles consecuencias no deseadas que puedan surgir al editar el código del tema.
  • Prueba los cambios: Después de aplicar los ajustes, prueba minuciosamente tu sitio web. Verifica diversas páginas y asegúrate de que la eliminación de la etiqueta de venta no afecte negativamente a otros elementos de diseño.
  • Considera la responsividad móvil: Asegúrate de que los cambios que realices se reflejen de manera adecuada en todos los dispositivos. A menudo, los cambios de CSS afectan de manera diferente a los diseños de escritorio y móviles.

Conclusión

Personalizar tu tienda Shopify eliminando la etiqueta de venta puede ajustar tu sitio web para que se alinee más estrechamente con tus preferencias de diseño y marca. Ya sea que estés buscando un aspecto minimalista o simplemente prefieras resaltar los descuentos de manera diferente, los pasos descritos anteriormente te ayudarán a lograr el resultado deseado en diversos temas.

Recuerda, la clave para una personalización exitosa radica en comprender la estructura de tu tema específico en Shopify, respaldar tu trabajo y garantizar la consistencia en diferentes dispositivos. Con estas pautas, estás bien equipado para personalizar la apariencia de tu tienda Shopify para reflejar mejor la identidad única de tu marca.

Preguntas frecuentes

  1. ¿Eliminar la etiqueta de venta afectará al SEO de mi tienda?

    • No, eliminar la etiqueta de venta es un cambio visual y no debería afectar el SEO de tu tienda.

  2. ¿Puedo personalizar la etiqueta de venta en lugar de eliminarla?

    • Sí, ajustando el código CSS, puedes modificar la apariencia de la etiqueta de venta en lugar de eliminarla por completo. Esto podría incluir cambiar su color, tamaño o posición.

  3. ¿Qué debo hacer si mi tema no tiene el archivo o clase CSS especificado?

    • Las estructuras de tema pueden variar. Si no puedes encontrar el archivo o clase exactos, busca archivos o clases con nombres similares dentro del código de tu tema, ya que la funcionalidad podría seguir presente con un nombre diferente.

  4. ¿Cómo puedo revertir los cambios si algo sale mal?

    • Si has hecho una copia de seguridad de tu tema antes de hacer cambios, puedes restaurar la copia de seguridad. Alternativamente, puedes eliminar o comentar el CSS personalizado que agregaste.

  5. ¿Es posible ocultar la etiqueta de venta solo en productos específicos?

    • Sí, con cambios de CSS o Liquid más avanzados, puedes dirigirte a productos específicos. Sin embargo, esto podría requerir un entendimiento más detallado del sistema de plantillas de Shopify o la asistencia de un desarrollador de Shopify.

App Stack