Soporte » Diseño – Temas y plantillas » Ayuda Botón Añadir al Carrito y Precios

  • Resuelto lellamanmoi

    (@lellamanmoi)


    Buenas tardes, tenemos un problema a la hora de mostrar los precios y el botón añadir al carrito en la página principal del ecommerce.
    Como podéis observar el precio aparece demasiado grande y partido. Hemos probado a modificar el tamaño de todas las fuentes que se permite en el personalizador del ecommerce pero ninguno varía este apartado.
    De igual modo tampoco hemos conseguido reducir el tamaño de la fuente del botón «Añadir al carrito»
    Dentro de la ficha del producto en sí, el problema persiste. El precio aparece al lado de la descripción corta y se vuelve a cortar. Dependiendo la longitud de éste aparece más o menos cortado.
    Es como si no fuera responsive.
    La solución para la página principal podría pasar por quitar el texto del botón añadir al carrito y dejar sólo el símbolo, si bien en la ficha de producto el problema persistiría.
    Hemos instalado varios plugins y ninguno logra solucionar el problema.
    Añadir que un theme previo que estábamos usando y que decidimos desechar porque no estaba pensado para woocomerce, teníamos el mismo problema.
    Muchas gracias por adelantado.
    Saludos.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • kallookoo

    (@kallookoo)

    Hola @lellamanmoi

    Por lo que veo ese theme define un estilo para mostrar el precio y el boton en horizontal y el precio solo admite un 25% provocando que se vea asi.

    Una solucion seria mostrar el precio arriba y el boton abajo con el siguiente codigo.

    
    .price { 
      float: none;
      width: 100%;
      padding: 0; 
    }
    
    Iniciador del debate lellamanmoi

    (@lellamanmoi)

    Hola, muchísimas gracias por la respuesta.
    En qué fichero debería agregar ese código? He buscado «.price {» en varios archivos para localizar dónde agregar el código y no lo localizo.
    Muchas gracias por adelantado de nuevo.
    Saludos.

    Hola @lellamanmoi

    Copia y pegalo dentro del Personalizador – CSS adicional y deberia funcionarte.

    Iniciador del debate lellamanmoi

    (@lellamanmoi)

    PEFECTO! Mil gracias, ha quedado realmente bien… llevaba bastante tiempo volviéndome loco para resolverlo.
    Gracias de verás. Saludos.

    • Esta respuesta fue modificada hace 3 semanas, 2 días por lellamanmoi.
Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Debes estar registrado para responder a este debate.