Botón de compra de WooCommerce

  • Resuelto wilmerd1

    (@wilmerd1)


    hace 7 años, 12 meses

    Un saludo cordial de ante mano por la ayuda, en mi tienda con wordpress el boton de comprar me que fuera de linea (unos mas arriba que otros), esto es por el tamaño del titulo del producto, la pregunta es la siguiente existe algún pluging que limite el titulo del producto o que alinee el boton de comprar o algún consejo queme sirva.
    Gracias por los comentarios.

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

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador jose64

    (@jose64)

    hace 7 años, 12 meses

    Hola, hace unos días respondí una consulta similar, viendo tu página te puedo decir que aparte de la longitud de los títulos tienes las imágenes de tamaños diferentes, esa es una de las razones del descuadre, puedes revisar la consulta aqui:

    Tamaño de las fotos

    Resolviendo eso ya tienes prácticamente solucionado el asunto.

    Para limitar la longitud del título tienes varios plugins en el repositorio de WordPress, pero no han sido actualizado en años, así que queda a tu decisión:

    Limit Post Titles

    Limit a post title to X characters

    También puedes fijar una posición absoluta al botón mediante CSS.

    PD. Hay un par de post de Ayuda WordPress que tratan el tema, pero también son antiguos, puedes revisarlo a ver si te aclaran algo.

    Acorta los títulos

    Acortar o limitar los caracteres en el título

    Limitar los caracteres del título

    • Esta respuesta fue modificada hace 7 años, 12 meses por jose64. Razón: Añadir repuestas de Ayuda WordPress
    • Esta respuesta fue modificada hace 7 años, 11 meses por LGrusin.
    Moderador LGrusin

    (@lgrusin)

    hace 7 años, 11 meses

    @wilmerd1 prueba lo siguiente. Desde el menú Apariencia – Personalizar – CSS adicional, añade:

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  height:380px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
position:absolute;
left:0;
bottom:0;
}

    Eso hará que los botones queden alineados al final.

    Lo que dice @jose64 es cierto, tienes las imágenes con distintas dimensiones, ponlas todas con el mismo ancho y alto, ahora las tienes con diferente altura y hace que se note en el texto.

    Un saludo

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)

El debate ‘Botón de compra de WooCommerce’ está cerrado a nuevas respuestas.