El widget es demasiado estrecho o tiene un espacio grande
Si el widget es demasiado estrecho, tiene un espacio grande o se superpone al contenido cercano, empieza por sus opciones integradas de ancho y espaciado. Si no lo solucionan, es posible que debas revisar el contenedor donde el tema lo coloca.
Configura el ancho
- Abre el descuento en Bundlex y ve a la pestaña Estilo.
- Expande Estilo del widget y luego Contenedor.
- Configura Ancho máximo como Ancho completo (100 %), o elige Personalizado e introduce un ancho.
- Guarda los cambios y comprueba la página del producto en ordenadores y dispositivos móviles.
El ancho predeterminado es Predeterminado de Shopify (44rem). El ancho completo ocupa todo el contenedor principal del widget, por lo que no puede hacer más ancha una columna estrecha del tema.
Ajusta el espacio superior o inferior
En la misma sección Contenedor, usa Margen superior y Margen inferior para ajustar el espacio. Estas configuraciones pertenecen a este descuento y son más fáciles de mantener que una modificación de CSS para toda la tienda.
Si cambiar los márgenes no afecta al espacio, es posible que este pertenezca a otro bloque o sección del tema. Comparte la URL del producto con soporte para que podamos identificar qué elemento lo controla.
El widget se superpone a las reseñas, las insignias u otros bloques
Un widget colocado dentro de un contenedor diseñado para un botón de compra corto puede crecer más allá de la altura fija de ese contenedor. Entonces cubre el texto de entrega, las reseñas u otro contenido situado debajo. Aumentar el ancho del widget o añadir márgenes puede no resolver el problema de colocación subyacente.
Contacta con soporte e incluye la URL del producto y una captura de pantalla que muestre la superposición. Podemos comprobar una ubicación adecuada fuera del contenedor restringido. No elimines otra aplicación solo porque su contenido quede debajo del widget.
Antes de cambiar a un bloque de aplicación
Si eliges colocar el bloque manualmente, comprueba primero que esté dentro de una sección que se muestre en la página real del producto. Después de desactivar la inserción, recarga esa página inmediatamente. Si el widget desaparece, vuelve a activar la inserción y contacta con soporte.
En los descuentos con regalos, mantener la inserción también conserva la limpieza de regalos en la página del carrito. Consulta cómo elegir entre la inserción y el bloque de aplicación.
Cuándo se necesita CSS personalizado
Usa CSS personalizado solo cuando las opciones integradas no permitan expresar el cambio. Envía a soporte la URL del producto y el diseño que quieres, indicando también si debe ser diferente en dispositivos móviles. Esto nos permite seleccionar el contenedor correcto en lugar de aplicar una regla general a todos los descuentos.
¿Te resultó útil este artículo?
Tus comentarios nos ayudan a mejorar nuestra documentación.