Eliminar margen en bordes

[LaCadenaria]

Hola,

Necesito eliminar los bordes blancos de esta página de mi tienda. La idea es que las fotos queden pegadas al borde y no separadas por un espacio blanco.

Mi tienda se ve como la foto donde están las X rojas, que es la parte que quiero eliminar.

Las otras dos fotos son la referencia de como necesito que queden.

Además, me gustaría que las fotos del look y el producto se vieran así, pero no sé como poder subir dos fotos a la plantilla y tampoco como diagramarlas para que se vean igual.

Muchas gracias!

[Teo]

Hola, @LaCadenaria:

Gracias por escribirnos. Entiendo que deseas aplicar algunos ajustes de diseño en relación con los márgenes y disposición de productos dentro de la página de tu tienda, ¿cierto? Será un placer ayudar.

Antes de nada, las opciones y personalizaciones del diseño pueden variar en función del tema que estés usando en tu tienda. En este caso, ¿podrías confirmarme la plantilla que estás utilizando? Puedes revisar esta cuestión a través de la sección Tienda online > Temas > Personalizar. En esta página, haz clic en los Tres puntos en la esquina superior izquierda para acceder al nombre y desarrollador del tema.

Si se trata de un tema de Shopify, me alegra informarte de que podrás ajustar el ancho de página desde la herramienta del editor de temas. Para ello, en la misma sección de Tienda online > Temas > Personalizar; haz clic en el Icono de engranaje que aparece a la izquierda. En este apartado, localiza la sección Diseño > Ancho de página y ajusta los píxeles a tu gusto. Si deseas implementar un ancho de página diferente a las opciones disponibles de forma nativa, será necesario editar el código de la plantilla o añadir código CSS personalizado. Por ejemplo, el siguiente código CSS sirve para eliminar los márgenes:

.page-width {
 padding: 0px;
}

Nota: Puedes añadir este código a través de Tienda online > Temas > Personalizar. Haz clic en el Icono de engranaje. Localiza la sección de CSS personalizado, pégalo y Guarda la configuración.

Si no estás a gusto haciendo cambios de código, puedes escribirnos a través del Centro de Ayuda para solicitar a nuestros especialistas una personalización de diseño, siempre que cumplas con nuestra política de diseño. Alternativamente, también puedes contratar a un Partner de Shopify. Este es un grupo de expertos que pueden darte presupuesto para cualquier modificación que necesites realizar.

En relación con la disposición del producto, dentro del editor de tema hay secciones que se pueden ajustar de manera más específica al diseño que busca. Por ejemplo, la sección de Collage que te permite agregar una sección con una imagen de producto, producto y colección. Puedes personalizar esta sección para darle el diseño que prefieras. Para añadirla, en el menú de la izquierda del editor de temas, busca la opción de Añadir sección > Collage y customiza los diferentes apartados dentro de esta misma sección.

Dime, ¿podrías confirmarme si estas alternativas que te propongo se ajustan a las necesidades actuales de tu tienda? Mientras revisas esto, ¿cómo va el resto de cuestiones con la configuración de tu tienda?

[LaCadenaria]

Hola,

Muchas gracias. Lo intenté bajo el engranaje pero al poner el código todas las páginas se editan y sólo necesito editar puntualmente sólo una.

[Teo]

Hola, @LaCadenaria:

Gracias por la respuesta. En efecto, el código CSS personalizado que te compartía está configurado para aplicarse a todas las secciones y páginas de la tienda. Al igual que los ajustes de diseño del tema. Para poder ofrecerte un código CSS más específico, ¿podrías compartir conmigo la URL de tu tienda? Del mismo modo, ¿podrías confirmarme la página concreta o sección donde te gustaría eliminar el ancho de página?

Dicho esto, es importante tener en cuenta que, desde aquí, podemos ayudar con personalizaciones de código básicas. Si se requiere código más especializado tienes diferentes opciones en función del tema que estés usando. Como te comentaba en la respuesta anterior, puedes revisar el nombre y desarrollador del tema a través de la sección Tienda online > Temas > Personalizar > Tres puntos. En este caso, ¿podrías confirmarme el nombre de tu tema? ¿Se trata de una plantilla desarrollada por Shopify o un especialista externo?

Si usas un tema de Shopify, me alegra informarte de que contamos con un equipo de especialistas que pueden ayudar con personalizaciones de código si cumples con la política de diseño de Shopify, también como te comentaba. Para proceder, necesitaremos tener acceso a tu cuenta. Por motivos de seguridad y privacidad de datos, desde los fotos de la Comunidad de Shopify no podemos acceder a cuentas específica.

En este contexto, puedes escribir a través del Centro de Ayuda haciendo clic en Contacta con atención al cliente de Shopify. Inicia sesión en tu tienda y escoge un tema de conversación. Generalmente, las opciones más comunes de contacto son Chat o Dejar un mensaje, según disponibilidad. De esta manera, podremos acceder a tu tienda y escalar tu caso al equipo de temas para que valore la personalización.

Como alternativa, si nuestros especialistas en temas te confirman que no es posible implementar el diseño deseado o si estás usando un tema desarrollado por un proveedor externo, tienes la opción de contratar a un Partner de Shopify. Como mencionaba, esta es un diverso grupo de expertos, especialistas y desarrolladores que pueden darte presupuesto para cualquier modificación de código que necesites.

Mientras respondes con la confirmación de la sección donde deseas implementar la modificación del ancho de página. O te decantas por alguna de las alternativas de personalización de código que te propongo; ¿cómo está siendo tu experiencia con Shopify? ¿Qué objetivos te gustaría conseguir con tu negocio?

[LaCadenaria]

Hola,

Necesito editar una plantilla creada por mí en la sección ''página''.

[LaCadenaria]

(Tema Dawn)

[Teo]

Hola, @LaCadenaria:

Gracias por la respuesta y confirmación de la sección donde deseas implementar la personalización y del tema que estás usando. En este caso, para poder ofrecerte un código CSS personalizado a tu plantilla, voy a necesitar que compartas conmigo la URL de tu tienda y la página específica donde deseas la modificación.

Esto me permitirá revisar el código de la estructura de la página con el fin de desarrollar el extracto de CSS personalizado para modificar el ancho de página solamente en la sección que deseas. Te comento esto porque cada plantilla puede tener un código de identificación diferente. El hecho de que compartas tu página web, me permitirá localizar la identificación de tu plantilla para adaptar el código CSS a esta sección.

Solo por curiosidad, en relación la plantilla personalizada de la página, ¿la has creado con la herramienta de plantillas de Shopify? Esto es, ¿originalmente creaste la plantilla desde la sección Tienda online > Temas > Personalizar > Páginas (menú superior) > Crear plantilla? Si es así, ¿aplicaste esta plantilla a la página específica a través de la sección Tienda online > Páginas > Página específica > Plantilla de tema? 

Mientras respondes a estas cuestiones que te comparto, ¿podrías confirmarme si el resto de secciones y páginas de tu tienda tienen el diseño que deseas o necesitar hacer algún ajuste de diseño adicional?