Iguales tamaños puertas cocina versión móvil woocomerce

xasgay dijo:

Hola, eso pasa por que los nombres son irregulares, entonces en cuanto hay nombres mas largos que otros empiezan a escalonar (como tu le llamas) los productos.

Una forma de solucionar esto, que es la que te voy a explicar, es usar la propiedad text-overflow: ellipsis de CSS3, para eso, en tu panel de wordpress, vete a Apariencia / Personalizar / CSS Adicional (abajo de todo).

Una vez ahí pega esto:

Insertar CODE, HTML o PHP:

.woocommerce-loop-product__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

El resultado sería:
Ver el archivo adjunto 124897

Hacer clic para expandir...

Accesito dijo:

Muchísimas gracias, yo también estaba interesado!

Hacer clic para expandir...

xasgay dijo:

De nada ! 🙂

Hacer clic para expandir...

function woocommerce_after_shop_loop_item_title_short_description() {
	global $product;
	if ( ! $product->post->post_excerpt ) return;
	?>
	<div itemprop="description">
		<?php echo apply_filters( 'woocommerce_short_description', $product->post->post_excerpt ) ?>
	</div>
	<?php
}
add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_after_shop_loop_item_title_short_description', 5);

Accesito dijo:

Yo tenía este código para mostras las descripciones en la tienda:

HTML:

function woocommerce_after_shop_loop_item_title_short_description() {
	global $product;
	if ( ! $product->post->post_excerpt ) return;
	?>
	<div itemprop="description">
		<?php echo apply_filters( 'woocommerce_short_description', $product->post->post_excerpt ) ?>
	</div>
	<?php
}
add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_after_shop_loop_item_title_short_description', 5);

Desde que añadí el que pusiste anteriormente ya no sale la descripción, ¿podrías ayudarme con ello?

Hacer clic para expandir...

xasgay dijo:

Pasame la url de tu web, por aquí o privado para ver el código y te ayudo en cuanto tenga un rato

Hacer clic para expandir...

Alexsevilla dijo:

Buenas tardes,

muchas gracias, ¿ habría alguna otra forma de obtener este mismo resultado pero pudiendo leer los títulos completos?

Un saludo.

Hacer clic para expandir...

.woocommerce-loop-product__title {
    min-height: 100px;
}