Problemas con el visual de mi tienda

[jonathannpereda]

Hola, como estan!? Estoy con un problema, ya termine de cargar todo, productos,colecciones, imagenes, banners, etc. En el editor la tienda se ve de maravilla, ahora cuando abro el dominio web, la pagina se ve totalmente errada. Los bannes aparecen gigantes, los productos y las colecciones fuera de lugar, como descentrado, las preguntas frecuentes pequenas, podrian ayudarme a corregir este problema? Lo peor es que es solo en la version de escritorio, en la de celular la verdad que la pagina quedo muy linda. Estoy usando el tema dawn.

[Teo]

Hola, @jonathannpereda:

Gracias por escribirnos. Entiendo que acabas de terminar de configurar el diseño de la página web de tu tienda. Sin embargo, cuando accedes al dominio desde un ordenador, el contenido se ve con errores y descentrado, ¿no es así? Será un placer poder ayudar y arrojar algo de luz sobre esta cuestión.

A modo de contexto, ¿podrías confirmarme si has adquirido o conectado un dominio personalizado a tu tienda recientemente? Te menciono esto porque el error que nos comentas suele estar relacionado con la propia configuración del dominio. Cuando se añade un dominio por primera vez, este puede tardar hasta 48 horas en configurarse. Durante este tiempo, el posible que la tienda presente algún error visual o de carga.

En este caso, ¿podrías confirmarme si el error que nos comentas sigue presente en tu tienda? Si es así, sería de gran ayuda si pudieras compartir conmigo una captura de pantalla de cómo se muestra el contenido de tu tienda a través del editor de temas en Tienda online > Temas > Personalizar y otra captura de lo que aparece cuando accedes desde un ordenador. Además, también agradecería si me facilitases la URL de tu tienda online. De esta manera, podré acceder desde mi propio dispositivo para intentar replicar el error.

Mientras tanto, cuando una página, herramienta o función de Shopify no funciona de la manera esperada; es posible que problema tenga origen a nivel local con el navegador o dispositivo que se está utilizando. Para descartar esta cuestión, siempre recomendamos llevar a cabo los pasos que te facilito a continuación:

• Limpiar el caché y cookies del navegador (Chrome - Safari).
• Intentar con la navegación privada (Chrome - Safari).
• Verificar que el navegador y dispositivos están actualizados.
• Intentar desde un navegador diferente.
• Revisar que no hay un plug-in afectando a la página de Shopify.

Dime, ¿podrías confirmarme si así se soluciona el problema? En caso de que hayan pasado más de 48 horas desde que has configurado un dominio y estos consejos no sirvan para resolver el problema; ¿podrías confirmarme si has realizado cambios de código o has instalado alguna app desde que has percibido el error? ¿Has probado a instalar una nueva versión del tema Dawn en tu tienda y publicarlo de manera temporal para ver si el problema se soluciona? Mientras revisas esta información, me pregunto cómo va todo con la configuración de tu tienda. Dime, ¿qué tipo de negocio has creado con la plataforma de Shopify?

[jonathannpereda]

Hola teo, como estas. Perdon con la demora en mi respuesta, la verdad que medio que me habia resignado. Te voy pasar como se ve en personalizar tanto en tamano de escritorio (que se ve super aceptable) y en pantalla completa (que es de la forma en como se termina viendo realmente en mi sitio web) y en el sitio web exactamente, donde queda todavia un poco peor.

La url de mi tienda es la siguiente: gracefulstore.co

Desde ya gracias con cualquier ayuda

[Teo]

Hola, @jonathannpereda:

Gracias por la respuesta y capturas de pantalla. En relación con tu consulta, cabe tener en cuenta que los temas de Shopify se han construido de manera adaptativa. Esto significa que el contenido de la página web se adapta al tamaño de la pantalla desde la cual se visualiza. Por defecto, los temas presentan una configuración que puede ser diferente en función de si se accede desde una pantalla grande o pequeña.

Las diferentes secciones de una tienda también tienen comportamientos diferentes. Por ejemplo, la sección de colección destacada se adapta al ancho total de la pantalla; mientras que la sección de lista de colecciones permanece centrada en la página. Estas decisiones se han tomado tras diferentes estudios de nuestros especialistas sobre cómo afecta el diseño de la web a la experiencia de usuario.

En este caso, si accedes a la página de tu tienda y haces la ventana más pequeña, ¿podrías confirmarme si el diseño aparece igual que en el editor de temas? Si es así, podremos confirmar que se trata del diseño estándar. Ten en cuenta que puedes ajustar ciertos valores de este diseño. Para ello, puedes dirigirte a la sección Tienda online > Temas > Personalizar. En esta página, haz clic en el Icono del engranaje que aparece en la sección de la izquierda y dirígete al apartado de Diseño. Te dejo un enlace a nuestro Centro de Ayuda con un artículo que contiene más información sobre el apartado de diseño del editor de temas.

Nota: Algunas secciones específicas cuentan con su propia configuración de diseño. Para revisar si una sección dispone de esta opción, puedes hacer clic en la misma a través del editor de temas. Por ejemplo, el tamaño de la imagen de banner, la disposición del ancho de productos de la colección destacada, etc.

Si deseas cambiar cualquier diseño más allá de las opciones que ofrece el editor de temas; será necesario editar el código de la plantilla. Dicho esto, me alegra informarte de que contamos con un equipo de especialistas en temas que pueden hacer cambios por ti si cumples con la política de diseño. Para solicitarlo, puedes escribirnos a través del Centro de ayuda, haciendo clic en Contacta con atención al cliente.

Como alternativa, también tienes la opción de contratar a un Partner de Shopify. Este es un grupo de expertos que pueden darte presupuesto para cualquier modificación de diseño que necesites con tu tienda. Mientras revisas esta información, ¿cómo va el resto de cuestiones con la configuración de tu tienda?