Alinhamento à esquerda das informações como preços, cores, nome do produto.

Alinhamento à esquerda das informações como preços, cores, nome do produto.

Lucas-Cand01
Visitor
1 0 2

Olá. Gostaria de colocar as informações da página do produto, como, nome, preço, cores, tudo à esquerda para ficar de acordo com o restante da página, só que meu tema não tem essa opção de forma fácil para alinhar. Preciso de ajuda para mexer com codificação do tema.

Replies 3 (3)

TheUntechnickle
Shopify Partner
489 58 126

Olá @Lucas-Cand01,

Adoraríamos ajudá-lo com isso! Por favor, envie-nos seu código de colaborador por DM, e resolveremos isso rapidinho. 😊

Aguardamos seu retorno!

Atenciosamente,
Shubham | Untechnickle
hello@untechnickle.com

Helping for free: hello@untechnickle.com


Don't forget to say thanks, it'll make my day - just send me an email! 


Get Revize for Free | Let your shoppers edit orders post-purchase | Get Zero Support Tickets | #1 Order Editing + Upsell App

Made4uo-Ribe
Shopify Partner
10184 2417 3060

Hi @Lucas-Cand01 

Please, share your store URL. THanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

mt686
Shopify Partner
121 11 21

¡Hola! Para alinear a la izquierda la información en la página del producto (nombre, precio, colores), puedes ajustar el código de tu tema de esta manera:


Pasos para alinear información a la izquierda

  1. Accede al Editor de Código:

    • Ve a Tienda Online > Temas en tu administrador de Shopify.
    • Haz clic en Acciones > Editar código en el tema que estás usando.
  2. Modifica el archivo de estilo CSS:

    • Abre el archivo base.css o theme.css (el nombre puede variar según el tema).
    • Busca la clase asociada a la sección de información del producto. Generalmente, estará en algo como .product-single, .product-meta, o similar.
    • Añade este código al final del archivo:

 

.product-single, .product-meta {
    text-align: left !important;
}​


Esto asegurará que toda la información se alinee a la izquierda.

 

  • Verifica la página del producto:

    • Guarda los cambios y revisa cómo se ve en la página del producto. Si no se refleja, puede que necesites ajustar otra clase específica.
  • Prueba con Inspeccionar Elemento:

    • Usa "Inspeccionar Elemento" en el navegador para identificar las clases exactas que afectan el diseño. Haz clic derecho sobre los elementos de la página y selecciona Inspeccionar.

Si te resulta complicado trabajar con código, podrías probar EasyEdits, una app en Shopify que facilita ajustes en el diseño de la tienda sin necesidad de tocar código. Te permite personalizar elementos fácilmente y ahorrar tiempo. 😊 ¡Avísame si necesitas más información!