Me gustaría eliminar algunas flechas de aspecto feo que son estándar en los botones del carrito en WooCommerce. Para lograr esto, encontré una sugerencia de agregar el siguiente código, que debería eliminar las flechas cuando el documento se haya cargado.
Supongo que lo voy a poner en mi functions.php? ¿Cómo exactamente haría eso?
$(document).ready(function() {
$(".woocommerce-cart").html(function(i, val) {
return val.replace(" →", "");
});
$(".woocommerce-cart").html(function(i, val) {
return val.replace("← ", "");
});
});
EDIT
Está bien. He intentado este enfoque:
Hizo un archivo llamado 'removeArrows.js' y lo colocó en mi carpeta de complementos. Esto tiene el mismo contenido que el código original, excepto jQuery en lugar de $. Luego agregué lo siguiente a functions.php:
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('removeArrows.js', FILE), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
No puedo descubrir cómo hacer que el código se muestre correctamente. Esto no funcionó. ¿Alguna sugerencia para hacer este trabajo?