Establecer altura por defecto en descripcion de productos

GraSign · 25 Abr 2018

Establecer un espacio entre el titulo del producto y el precio

Hola Chicos

¿como se puede ajustar una altura por defecto para separar el titulo del boton "añadir al carrito"?

Los botones de "añadir al carrito" se ajustan segun la longitud del titulo del producto, quedando el listado de productos como una montaña rusa :topsy_turvy: , por eso debo poner una altura por defecto en los campos de titulos.

Gracias

spamer01 · 25 Abr 2018

Perdón, pero a qué te refieres, ¿al css en tu sitio web? Si puedes mostrar capturas de lo que intentas solucionar sería lo más optimo.

Si te refieres a colocarle un alto por defecto en css a un input/textarea, tienes que colocarle a la clase de esa etiqueta el atributo. Por ejemplo:

HTML:

.clase-textarea{
    min-height: 70px;
}

(el alto en pixeles se lo designas tú, dependiendo qué tan grande o chico lo quieras).

Saludos.

GraSign · 25 Abr 2018

spamer01 dijo:
Perdón, pero a qué te refieres, ¿al css en tu sitio web? Si puedes mostrar capturas de lo que intentas solucionar sería lo más optimo.

Si te refieres a colocarle un alto por defecto en css a un input/textarea, tienes que colocarle a la clase de esa etiqueta el atributo

HTML:

min-height: 70px;

(el alto en pixeles se lo designas tú, dependiendo qué tan grande o chico lo quieras).

Saludos.

Gracias, me refiero a esto:

spamer01 · 25 Abr 2018

GraSign dijo:
Gracias, me refiero a esto:
Ver el archivo adjunto 119484

Si estás trabajando con Wordpress u algún CMS, podrías agregarle a los títulos puntos suspensivos cuando se pasa de una cierta cantidad de caracteres.
Esto lo podrías hacer mediante PHP de esta manera:

PHP:

$textoAcortado = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi repellat libero sunt et vel enim porro dignissimos nobis ratione expedita nostrum officia veritatis, autem ullam pariatur laudantium suscipit voluptatum. Repudiandae.';
$cantCaracteres = 50;

echo substr($textoAcortado, 0, $cantCaracteres).'...';

Y te imprimiría en pantalla Lorem ipsum dolor sit amet, consectetur adipisicin...
Este método lo utiliza eBay para acortar sus títulos.

- - - Actualizado - - -

Sino sabes mucho de PHP, lo puedes hacer también con CSS.
Si el título de tus publicaciones tiene una clase, podrías agregarle en el CSS estos atributos:

HTML:

.clase-ejemplo{
	text-overflow:ellipsis;
	white-space:nowrap; 
	overflow:hidden; 
}

De esta forma el texto llegado a su punto máximo de ancho (según su contenedor padre), se le colocarán 3 puntos suspensivos al texto gracias al atributo text-overflow:ellipsis

GraSign · 25 Abr 2018

spamer01 dijo:
Si estás trabajando con Wordpress u algún CMS, podrías agregarle a los títulos puntos suspensivos cuando se pasa de una cierta cantidad de caracteres.
Esto lo podrías hacer mediante PHP de esta manera:

PHP:

$textoAcortado = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi repellat libero sunt et vel enim porro dignissimos nobis ratione expedita nostrum officia veritatis, autem ullam pariatur laudantium suscipit voluptatum. Repudiandae.'; $cantCaracteres = 50; echo substr($textoAcortado, 0, $cantCaracteres).'...';

Y te imprimiría en pantalla Lorem ipsum dolor sit amet, consectetur adipisicin...
Este método lo utiliza eBay para acortar sus títulos.

- - - Actualizado - - -

Sino sabes mucho de PHP, lo puedes hacer también con CSS.
Si el título de tus publicaciones tiene una clase, podrías agregarle en el CSS estos atributos:

HTML:

.clase-ejemplo{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

De esta forma el texto llegado a su punto máximo de ancho (según su contenedor padre), se le colocarán 3 puntos suspensivos al texto gracias al atributo text-overflow:ellipsis

Gracias por tu aportacion, pero al ser una tienda, no puedo acortar ciertos productos con nombres muy largos .