No sabia que se podia modificar los svg de esa forma, gracias por el dato 🤝
Preparando nuestro proyecto
Configuración de StormFront y WooCommerce para eCommerce
Instalación de Storefront y WooCommerce en WordPress
Creación y uso de temas hijo en WordPress
Convirtiendo nuestro theme en child theme de StoreFront
Extendiendo nuestro Theme
Aprovechando las funcionalidades de StoreFront
Adaptando nuestro theme base
Remplazando las vistas de WooCommerces desde nuestro theme
Personalizando la lista de productos.
Personalizando el botón de Añadir a carrito
Agregando elementos a nuestro producto
Ajustes finales
Finalizando nuestro proyecto
Cierre del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 5
Preguntas 2
No sabia que se podia modificar los svg de esa forma, gracias por el dato 🤝
Hola! les dejo al link al Icono.
En el link del icono también pueden probar la siguiente funciín y evitar hacer echo
<?php the_permalink() ?>
Me hubiera gustado ver cómo lo integran a ajax, pero al ver cómo modifica los hooks, me da a entender que puedo usar esas opciones para usarlo con ajax.
Para este caso particular como ejemplo funcionalidad a agregar tendremos un botón de “compartir en whatsapp” que se enganchara justo después del carrito de compras
functions.php
function plz_ws_share(){
global $product;
?>
<a href="https://wa.me/5491112345678?text=producto: <?php echo $product->get_permalink()?>" target = "_blank" class = "productos__ws">
<img src="<?php echo get_stylesheet_directory_uri();?>/assets/img/icon-whatsapp.svg" alt="compartir">
</a>
<?php
}
add_action("woocommerce_after_shop_loop_item","plz_ws_share",11);
y ahora le agregamos estilos en style.css
o assets/css/styles.css
.productos__ws img {
width: 30px;
border-radius: 0px;
}
Por último debido a que la imagen es un .svg
se puede modificar directamente el color modificando su contenido en path fill
path fill="#ACD9B2"
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?