FROM CACHE - es_header

Alinear botones carrito de compra

AitanaVilla
Visitante
3 0 0

Buenos días,

 

Los botones del carrito de mi tienda online no están alineados y no consigo encontrar la manera de corregirlo.

AitanaVilla_0-1690446019825.png

En primer lugar, con el Inspeccionar he visto la configuración de ambos botones:

Botón actualizar cesta.pngBotón continuar comprando.png 

CONTINUAR COMPRANDO: <a href="/" class="btn secondary-button continue-shopping--cart">Continuar Comprando</a>

ACTUALIZAR CESTA: <input id="update_quantities" type="submit" value="Actualizar Cesta" title="Actualizar Cesta" name="update" class="btn secondary-button">

Como no he encontrado nada donde me indique esas medidas dentro del código en el theme-cart.css, he añadido un par de reglas, pero aún así no he conseguido que se cambie nada. Lo primero que he intentado es añadir al final del código: 

a.continue-shopping--cart {
margin: 8px 0 0 5px !important;
}

input#update_quantities {
margin: 8px 0 0 5px !important;
}

En el apartado que me sale nombrado como #Cart page template, he seguido buscando y he buscado el apartado .cart-bottom-box #checkout-buttons:

.cart-bottom-box #checkout-buttons a,
.cart-bottom-box #checkout-buttons input {
display: inline-block;
vertical-align: middle;
}

Como me pasa en ambos, he estado mirando el @media, que si no entiendo mal es para que la web se vea correctamente en responsive:

@media screen and (max-width: 767px) {
.cart-bottom-box #checkout-buttons {
margin-top: 15px;
text-align: center;
}
.cart-bottom-box #checkout-buttons a,
.cart-bottom-box #checkout-buttons input {
width: 100%;
display: block;
}
.cart-bottom-box .title-bar {
margin: 0;
}
.cart-bottom-box #checkout-buttons #update_quantities,
.cart-bottom-box #checkout-buttons #cart_submit,
.cart-bottom-box .btn-default.continue-shopping--cart {
margin-top: 0;
}
.cart-bottom-box .cart-totals--wrapper,
.cart-bottom-box #cart-total-header {
text-align: center !important;
}
}

@media screen and (min-width: 768px) {
.cart-bottom-box {
margin-top: 20px;
}
}

.cart-bottom-box .title-bar {
text-align: right;

.cart-totals--wrapper {
text-align: right;
margin-bottom: 20px; }

.cart-page--bottom {
align-items: flex-end; }

.cart--shipping-message {
text-align: right;
font-style: italic;
margin-top: 20px; }
@media screen and (max-width: 767px) {
.cart--shipping-message {
text-align: center; } }
.cart--shipping-message a {
text-decoration: underline; }
.cart--shipping-message a:hover {
text-decoration: none;
opacity: 0.6; }

De ninguna manera he conseguido alinear los botones, estoy un poco perdida porque no sé cómo proceder. No sabría decir si alguna de las aplicaciones que tengo ahora mismo instaladas puede estar interfiriendo en el tema, lo que me supondría un problema porque las que tengo instaladas las necesito. 

 

Espero haber detallado lo suficiente por si a alguien le ha pasado igual y tiene una solución,

Gracias.

 

 

Tema: Envy

1 RESPUESTA 1
Javier
Shopify Staff
Shopify Staff
1579 464 207

Hola @AitanaVilla,

 

Gracias por ponerte en contacto y por compartir el código que estás usando para intentar resolver este problema.

 

 Solo para aclarar, modificaciones de código quedan fuera del alcance del soporte de Shopify. Sin embargo, mientras esperas por una respuesta de uno de los desarrolladores que participan en estos foros, hay otras cosas que puedes hacer:

 

  • Ponerte en contacto con el equipo Eight Teams (los desarrolladores de tu tema Envy) para que ellos puedan darte seguimiento con tu soporte sobre este tema.
     
  • Contratar a uno de los expertos de nuestro Mercado de Expertos para ayudarte a llevar a cabo esta modificación. 

Por curiosidad, ¿eres un desarrollador / una desarrolladora? O ¿estás intentando cambiar el código de tu tienda con una solución que encontraste en línea?

Javier | Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify