Un usuario reporta problemas de visualización responsive en el tema Debut de Shopify en dispositivos móviles. La tienda muestra correctamente en la vista previa del tema, pero falla en la vista móvil real.
Diagnóstico técnico:
Posibles causas identificadas:
Soluciones propuestas:
Nota importante: Debut es un tema vintage descontinuado desde 2024. Shopify recomienda contactar directamente con soporte especializado en temas vía Chat o el Centro de Ayuda para resolver problemas estructurales del tema.
Buenas,
Estamos teniendo un problema con la visualización del tema debut en vista móvil. Como ejemplo esta url https://mielmayem.com/products/miel-de-almendro.
No hace correctamente el responsive y se visualiza así:
Cuando según el preview del tema se tendría que ver así:
¿Cómo podemos solucionarlo?
Muchas gracias por su ayuda.
Parece un inconveniente con la forma en que se hace el redinmesionamiento de pantalla, cuando haces un redinmesionamiento (cambiar el ancho de la pantalla el responsive funciona) como por ejemplo, abrir la ventana en el navegador y cambiar de ancho la pantalla notarás que se ve correctamente y hace el responsive lo que indica que en alguna parte del tema tienes que tener un escuchador de eventos de redinmesionamiento de pantalla que se encarga de agregar o quitar el estilo del resposive.
Debes mirar:
Si tienes una copia donde el tema funcionaba correctamente.
Has instalado alguna aplicación que se encargue de mejorar tus plantillas
El preview del tema a un enlace de vista previa o a la pantalla de vista previa del personalizador?
Redinmensionando desde el navegador (funciona resposive):
Este efecto de redinmesionamiento no existe en móviles por eso te puede estar generando el comportamiento
Hola, @dateator :
Gracias por escribirnos. Entiendo por tu mensaje que estás usando el tema Debut en tu tienda de Shopify. Sin embargo, la versión móvil no se muestra “responsive”, ¿cierto? Será un placer poder ayudar.
Para complementar la información de @joseamaya , es importante tener en cuenta que cuando una sección/función de un tema o tienda no funciona correctamente, es posible que el motivo del problema sea que alguna app haya hecho cambios en el código o la propia configuración del tema. Para poder investigar esta cuestión con más detenimiento, ¿podrías confirmarme desde cuando has percibido el error? Como comento, ¿el problema comenzó tras instalar alguna app externa o hacer cambios en el código?
Entretanto, para aislar el problema, puedes instalar un tema gratuito de Shopify y publicarlo de manera temporal para ver si la versión de móvil se muestra en modo “responsive” correctamente. Para publicar el tema, una vez instalado, dirígete a la sección de Tienda online > Temas > Biblioteca de temas > Publicar. Una vez hecha esta comprobación, podrás volver a publicar tu tema actual siguiendo los mismos pasos. Dime, ¿podrías confirmarme si el error se soluciona en una nueva versión de un tema de Shopify?
En caso de que el problema no aparezca en la nueva versión del tema, todo apunta a que se trata un error en la estructura del mismo. Dicho esto, me gustaría informarte de que el tema Debut pertenece a una colección de temas vintage de Shopify. Estos han dejado de estar disponibles. Pues, en los últimos años, hemos desarrollado otro tipo de plantillas con acceso a un mayor número de funciones y opciones de personalización. Estas se conocen como las plantillas de la Online Store 2.0.
Dime, ¿has considerado cambiar el tema de tu tienda para tener acceso a una plantilla más actualizada? Si el problema se soluciona en la plantilla de la Online Store 2.0. y deseas utilizarla, puedes proceder con la configuración de la misma. Si deseas seguir usando el tema vintage Debut en tu tienda y el problema reside en la estructura/configuración del mismo, me alegra informarte de que en Shopify contamos con un equipo de especialistas en temas que pueden ayudarte a resolver esta cuestión directamente.
Para contactar con nuestros especialistas en temas, puedes escribirnos directamente a través de nuestro Centro de Ayuda, haciendo clic en la opción de Contacta con atención al cliente de Shopify. Por norma general, las opciones más comunes de contacto directo son Chat o Dejar un mensaje, según disponibilidad. Escribir por este medio nos permitirá tener acceso a tu tienda para proceder. En estos momentos, no podemos acceder a cuentas desde los foros de la Comunidad, por motivos de seguridad y protección.
Mientras revisas esta información y realizas las comprobaciones que te comento, ¿cómo va el resto de cuestiones con la configuración de tu tienda? ¿Qué objetivos te has planteado para este 2024?
