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

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]

 

 

Primer opción 2

[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]