FROM CACHE - es_header
Esta comunidad ahora recibe asistencia de una red de pares. El equipo de atención al cliente de Shopify ya no ofrece servicio a esta comunidad. Te animamos a conectar con otros emprendedores y partners para pedir ayuda y compartir tus experiencias. Sigue avisando de asuntos que incumplan nuestro Código de Conducta o contenidos que se deberían eliminar.

Re: Personalizar botón cantidad y carrito

Personalizar botón cantidad y carrito

javii1
Visitante
3 0 0

Buenos días

 

En la página de producto de mi shopify se ve muy mal el botón cantidad y agregar al carrito

 

El botón cantidad demasiado grande y desproporcionado 

 

El botón agregar al carrito debajo en otra línea

 

Existe alguna opción de editar estos botones y ponerlos en una sola línea? Para que quede más optimizado...

 

Gracias

 

1 RESPUESTA 1

Ann
Shopify Staff (Retired)
1961 165 232

Hola @javii1,

 

Gracias por escribir en los foros de la Comunidad. Entiendo que quieres modificar la posición del botón de cantidad y de agregar al carrito y alinearlos horizontalmente, ¿verdad?

 

A modo de contexto, debes saber que de manera nativa, no es posible alinear estos dos botones. Para realizar este cambio es necesario editar el código del tema. Estuve revisando y encontré este post de la Comunidad de Shopify en inglés donde otro comerciante tiene esta misma solicitud. Te comparto los pasos para hacerlo: 

 

  1. Ingresa al administrador de tu cuenta y dirígete a Tienda online > Temas > Tema Actual.
  2. Haz clic en los tres puntos y luego en Editar código.
  3. Haz clic en Recursos y busca el archivo base.CSS.
  4. Pega este fragmento de código al final del archivo y guarda los cambios.

 

@media only screen and (min-width: 992px) {
.button--full-width {
   display: flex;
   width: 75% !important;
   position: relative !important;
   left: 145px !important;
   top: -70px !important;
}
}

 

Como alternativa, tienes la opción de contratar a uno de los partners de Shopify, los cuales son desarrolladores independientes que son expertos en realizar este tipo de cambios. Al ingresar a su página, puedes filtrar la búsqueda de acuerdo al país, idioma y requerimiento.

 

Nota: antes de realizar cualquier cambio en el código del tema es recomendable que hagas una copia de seguridad de tu tema. De esta forma, si los cambios no salen como lo esperabas, puedes volver a utilizar la versión anterior de tu tema sin problema.

 

Por el momento, ¿qué tema estás usando? ¿Ya terminaste de configurar todas las secciones de la tienda? ¿Ya se encuentra abierta al público?

Ann | 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