Avisos
Vaciar todo

Cambiar icono carrito de compra  

 
Fabian
 Fabian
Reputable Member

Hola como estan, quisiera cambiar el icono que aparece en la parte superior derecha (carrito de compra) por uno de una cartera (bolsa) que iria mas acorde con la marca, he revisado la plantilla pero no encuentro la opcion para cambiarlo, como lo puedo hacer?

 

gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 24/10/2024 5:28 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Fabian,

El tema que estás utilizando es de pago, por lo que no podemos ver más que las guias y documentación que este ofrece:

Nooni theme

https://docs.theme-sky.com/nooni/#introduction

En esta tampoco plantea como cambiar este icono, puedes verificar cambiarlo a nivel de código funciona:

// Función para cargar iconos de Font Awesome
function cargar_font_awesome() {
wp_enqueue_style('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
}
add_action('wp_enqueue_scripts', 'cargar_font_awesome');

// Función para reemplazar el HTML del carrito
function reemplazar_icono_carrito($buffer) {
// Reemplazar el span con la clase ic-cart por el nuevo span con Font Awesome
return str_replace('<span class="ic-cart">', '<span class="fa fa-shopping-bag">', $buffer);
}

function iniciar_buffer() {
ob_start('reemplazar_icono_carrito');
}

function finalizar_buffer() {
ob_end_flush();
}

add_action('wp_head', 'iniciar_buffer');

add_action('wp_footer', 'finalizar_buffer');

Verifica agregarlo en el plugin de code snippets que vemos que tienes activo.

Un saludo 

ResponderCitar
Respondido : 24/10/2024 6:20 pm

Cursos Gratuitos WordPress

Fabian
 Fabian
Reputable Member

@argenis gracias, añadi el codigo pero no funciono, al parecer le faltan algunas etiquetas segun entiendo, adjunto captura

Captura de Pantalla 2024 10 24 a la(s) 12.45.17 p. m.

 

ResponderCitar
Respondido : 24/10/2024 6:46 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Fabian, 

Envíanos una captura con todos los códigos que tienes añadido?, de esta forma podemos revisar con mayor detalle lo que nos comentas. 

Un Saludo

ResponderCitar
Respondido : 24/10/2024 6:52 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Fabian
 Fabian
Reputable Member

@karen Adjunto el codigo, gracias

Captura de Pantalla 2024 10 24 a la(s) 2.14.40 p. m.

 

ResponderCitar
Respondido : 24/10/2024 8:15 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Fabian,

No es un fragmento HTML:

image

Tienes que colocar que es un fragmento de código PHP, de lo contrario no funcionara.

Un saludo 🖐️ 

ResponderCitar
Respondido : 24/10/2024 8:23 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Fabian
 Fabian
Reputable Member

@argenis gracias por la indicacion, no lo sabia, lo cambie a PHP

Captura de Pantalla 2024 10 24 a la(s) 3.07.54 p. m.

pero sigue sin funcionar

ResponderCitar
Respondido : 24/10/2024 9:10 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Fabian,

Posiblemente sea por que no lo tienes activo:

image

Debes hacer clic en donde indica inactivo, para que este código actúe en tu sitio.

Un saludo 🖐️ 

ResponderCitar
Respondido : 24/10/2024 9:50 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Fabian
 Fabian
Reputable Member

@argenis perfecto! ahora si ya funciono, pero se ve un poco pequeño con respecto a los iconos de al lado ademas es "solido" no delineado como los otros, seria posible?

ResponderCitar
Respondido : 24/10/2024 10:26 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Fabiasn,

Tienes la lista completa de iconos por parte de font awesome aquí:

https://fontawesome.com/icons

Puedes elegir el que más te guste y cambiarlo donde indica el código:

fa fa-shopping-bag

Recuerda ver la parte que indica icono HTML y allí estará ese código que te comparto.

Un saludo 🖐️ 

Esta publicación ha sido modificada el hace 4 semanas por Argenis
ResponderCitar
Respondido : 24/10/2024 10:37 pm