No veo el título de los productos en el Detalle de productos

kattbags · ‎03-04-2025

Hola a todos:

Como describe el asunto, en algún momento cuando estuve configurando la tienda, los títulos de los productos desaparecieron. Al ver el builder, se muestra su espacio pero no se visualizan. Al ver en Productos, no se ha cambiado nada.

Acá una URL de un detalle de producto sin título:
https://sraf3s-hc.myshopify.com/products/desempolva-tu-maquina

¿Saben, por favor, que puede estar pasando ó cómo poder solucionar?

Gracias de antemano

luisforero · ‎03-04-2025

Hola Kattbags,

Gracias por compartir los detalles del problema y la URL de ejemplo (https://sraf3s-hc.myshopify.com/products/desempolva-tu-maquina). He revisado el código que adjuntaste y parece que el inconveniente con los títulos de los productos que no se visualizan está relacionado con una configuración de CSS personalizada en tu tienda.

¿Qué está pasando?

Al inspeccionar el código, encontré una sección de estilos personalizados en <style id="basic_css"> que establece lo siguiente para los <h1> (donde normalmente se muestra el título del producto):

css

h1 { font-family: 'Outfit' !important; font-size: 1px !important; }

El estilo font-size: 1px !important; reduce el tamaño del título a un valor tan pequeño que se vuelve prácticamente invisible en la página, aunque el espacio para el título sigue reservado. Esto explica por qué en el constructor ves el espacio, pero el título no aparece.

Cómo solucionarlo

Para que los títulos de tus productos se muestren correctamente, te recomiendo seguir estos pasos:

Accede al editor de código:
- En tu panel de Shopify, ve a Tienda online > Temas > Acciones > Editar código.
Encuentra el CSS personalizado:
- Busca el archivo donde se agregó este código. Es probable que esté en:
  - theme.liquid (dentro de una etiqueta <style> cerca del <head>).
  - O en un archivo CSS bajo la carpeta Assets, como theme.css o base.css.
Corrige el tamaño del título:
- Encuentra la línea:
  css

h1 { font-family: 'Outfit' !important; font-size: 1px !important; }

Cambia el font-size a un valor legible, por ejemplo:
css

h1 { font-family: 'Outfit' !important; font-size: 2rem !important; }

Alternativamente, si prefieres que el tema use su tamaño predeterminado, simplemente elimina el font-size:

css

h1 { font-family: 'Outfit' !important; }

Guarda y verifica:
- Haz clic en Guardar y revisa la página de producto nuevamente (https://sraf3s-hc.myshopify.com/products/desempolva-tu-maquina) para confirmar que el título ahora es visible.

Nota adicional

Si no encuentras el código exacto en theme.liquid o en los archivos CSS, podrías añadir el siguiente CSS al final de theme.css para sobrescribir el estilo problemático:

css

.product__title { font-size: 2rem !important; }

Esto asegurará que el título del producto (que suele usar la clase product__title en temas como Ride) tenga un tamaño adecuado.

¿Por qué pasó esto?

Es posible que este estilo se haya añadido accidentalmente al personalizar las fuentes de tu tienda, afectando todos los <h1> sin intención. Una vez corregido, tus títulos deberían volver a aparecer sin problema.

Prueba esta solución y déjame saber si funciona o si necesitas ayuda adicional para localizar el código. ¡Espero que pronto tengas tus títulos visibles otra vez!

Saludos,

luisforero · ‎03-04-2025

Hola, Kattbags

Gracias por compartir los detalles del problema y la URL de ejemplo (`https://sraf3s-hc.myshopify.com/products/desempolva-tu-maquina`). He revisado el código que adjuntaste y parece que el inconveniente con los títulos de los productos que no se visualizan está relacionado con una configuración de CSS personalizada en tu tienda.

¿Qué está pasando?

Al inspeccionar el código, encontré una sección de estilos personalizados en `<style id="basic_css">` que establece lo siguiente para los `<h1>` (donde normalmente se muestra el título del producto):

h1 { font-family: 'Outfit' !important; font-size: 1px !important; }

El estilo `font-size: 1px !important;` reduce el tamaño del título a un valor tan pequeño que se vuelve prácticamente invisible en la página, aunque el espacio para el título sigue reservado. Esto explica por qué en el constructor ves el espacio, pero el título no aparece.

Cómo solucionarlo

Para que los títulos de tus productos se muestren correctamente, te recomiendo seguir estos pasos:

1. Accede al editor de código:

En tu panel de Shopify, ve a Tienda online > Temas > Acciones > Editar código.

2. Encuentra el CSS personalizado:

Busca el archivo donde se agregó este código. Es probable que esté en:
- `theme.liquid` (dentro de una etiqueta `<style>` cerca del `<head>`).
- O en un archivo CSS bajo la carpeta Assets, como `theme.css` o `base.css`.

3. Corrige el tamaño del título:

Encuentra la línea:

h1 { font-family: 'Outfit' !important; font-size: 1px !important; }

Cambia el `font-size` a un valor legible, por ejemplo:

h1 { font-family: 'Outfit' !important; font-size: 2rem !important; }

Alternativamente, si prefieres que el tema use su tamaño predeterminado, simplemente elimina el `font-size`:

h1 { font-family: 'Outfit' !important; }

4. Guarda y verifica:

Haz clic en Guardar y revisa la página de producto nuevamente (`https://sraf3s-hc.myshopify.com/products/desempolva-tu-maquina`) para confirmar que el título ahora es visible.

Nota adicional

Si no encuentras el código exacto en `theme.liquid` o en los archivos CSS, podrías añadir el siguiente CSS al final de `theme.css` para sobrescribir el estilo problemático:

.product__title {
font-size: 2rem !important;
}

Esto asegurará que el título del producto (que suele usar la clase `product__title` en temas como Ride) tenga un tamaño adecuado.

¿Por qué pasó esto?

Es posible que este estilo se haya añadido accidentalmente al personalizar las fuentes de tu tienda, afectando todos los `<h1>` sin intención. Una vez corregido, tus títulos deberían volver a aparecer sin problema.

Prueba esta solución y déjame saber si funciona o si necesitas ayuda adicional para localizar el código. ¡Espero que pronto tengas tus títulos visibles otra vez!

Saludos,

No veo el título de los productos en el Detalle de productos