Saltar al contenido

Ariapsa - Diseño de páginas web México

Ocultar parte de descripción corta de Producto de Woocommerce ...Leer más

Codigos para woocommerce
Códigos para woocommerce

Primer opción

[code]

/** Truncate Short Description @ WooCommerce Single

*/

add_action( 'woocommerce_before_single_product', 'bbloomer_woocommerce_short_description_truncate_read_more' );

function bbloomer_woocommerce_short_description_truncate_read_more() {
wc_enqueue_js('
var show_char = 200;
var ellipses = "... ";
var content = $(".woocommerce-product-details__short-description").html();
if (content.length > show_char) {
var a = content.substr(0, show_char);
var b = content.substr(show_char - content.length);
var html = a + "<span class=\'truncated\'>" + ellipses + "<a class=\'read-more\'>LEER MÁS</a></span><span class=\'truncated\' style=\'display:none\'>" + b + "</span>";
$(".woocommerce-product-details__short-description").html(html);
}
$(".read-more").click(function(e) {
e.preventDefault();
$(".woocommerce-product-details__short-description .truncated").toggle();
});
');
}

[/code]

 

 

Segunda opción (funciona)

[code]

add_action( 'woocommerce_before_single_product', 'dl_comprimir_descripcion_corta_productos' );

function dl_comprimir_descripcion_corta_productos() {
wc_enqueue_js('
var show_char = 350;
var ellipses = "... ";
var content = $(".woocommerce-product-details__short-description").html();
if (content.length > show_char) {
var a = content.substring(0, show_char);
var html = "<span class=\'truncated\'>" + a + ellipses + "<a class=\'read-more\'>...Leer más</a></p></span><span class=\'truncated\' style=\'display:none\'>" + content + "<a class=\'read-less\'>...Leer menos</a></span>";
$(".woocommerce-product-details__short-description").html(html);
}
$(".read-more").click(function(e) {
e.preventDefault();
$(".woocommerce-product-details__short-description .truncated").toggle();
});
$(".read-less").click(function(e) {
e.preventDefault();
$(".woocommerce-product-details__short-description .truncated").toggle();
});
');
}

[/code]

×

Iniciar Sesión

El registro de usuarios no está permitido.