Ocultar parte de descripción corta de Producto de Woocommerce …Leer más23/10/2022WordPress, Códigos Code Snippets, Códigos para WoocommerceCódigos para woocommerce Primer opción /** 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(); }); '); } Primer opción 2 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(); }); '); } Relacionado