Forzar dos columnas en desktop - Página Contacto

[edpurochile]

Hola a todos, 

me gustaría saber cómo forzar que la página Contacto se muestre en dos columnas en desktop.

En el theme original se ve así, pero al crear una página en mi tienda, se muestra en sólo una columna.

Link theme Contact Page: https://themes.shopify.com/themes/spark/styles/clean/preview?surface_detail=selling-in-person&surfac...

Adjunto captura de mi tienda, porque está offline. Si hay que ponerla online, me avisan!

Gracias,

c.

[Teo · Accepted solution]

Hola, @edpurochile:

Muchas gracias por escribirnos. Entiendo por tu mensaje que estás personalizando la página de contacto de la página web de tu tienda de Shopify y te gustaría hacer que la imagen y el formulario formasen dos columnas, ¿no es así? Estaré encantado de poder ayudar.

A modo de contexto, estoy revisando el tema de tu tienda y me he percatado de que este ha sido desarrollado por un proveedor externo. Si no me equivoco, veo que se trata del tema Spark, ¿cierto? Puedes revisar el nombre del tema y del desarrollador a través de la sección Tienda online > Temas > Tema actual > Personalizar. Así accederás al propio editor del tema. En esta página, selecciona los tres puntos en la esquina superior izquierda para acceder a esta información.

Dicho esto, cabe tener en cuenta que los temas que han desarrollado los proveedores externos utilizan un código que cae fuera del control de Shopify. En caso de querer realizar modificaciones al mismo, lo más recomendable siempre sería consultar la documentación propia del desarrollador o incluso contactar con ellos directamente para que realicen los cambios. Te dejo un enlace con un artículo con más información sobre dónde encontrar ayuda para tu tema.

Con todo, revisando la propia documentación del desarrollador sobre personalizar la página de contacto del tema Spark; por defecto, la página se muestra con dos columnas. Ahora bien, es necesario agregar la imagen a la página desde el editor de temas. Puedes seguir estos pasos:

1. Dirígete a la sección Tienda online > Temas.
2. Haz clic en Personalizar.
3. En el menú superior, selecciona Páginas > Contacto.
4. En el menú de la izquierda, ve a Página Contacto > Imagen.
5. Añade la propia imagen.
6. Guarda la configuración.

Tal y como se menciona en la documentación del desarrollador, se recomienda introducir una imagen con tamaño de retrato (2:3). Te dejo una captura de pantalla de cómo se muestra el proceso anterior desde el panel de control de tu tienda de Shopify:

Si tras seguir estos pasos la imagen de la página de contacto sigue sin mostrarse en la parte izquierda de la página formando dos columnas, desde aquí te recomendaría contactar con el propio desarrollador, como te comentaba. Es posible que haya que hacer alguna modificación o personalización al código del tema para que se muestre como deseas. Para facilitar las cosas, te dejo un enlace a la página de soporte del tema Spark.

Mientras tanto, me pregunto cómo está siendo tu experiencia con Shopify en estos momentos. Dime, ¿has podido personalizar los productos de tu tienda de la manera que deseabas? ¿Qué objetivos a corto y largo plazo te gustaría conseguir con Shopify y con tu negocio?

[edpurochile]

Muchas gracias!