No sabia que se podia modificar los svg de esa forma, gracias por el dato 🤝
Preparando nuestro proyecto
Los Themes y WooCommerce
Instalando WooCommerce y StoreFront
Child Themes
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
Si ya tienes una cuenta,
Iniciar sesiónAportes 5
Preguntas 2
Ordenar por:
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.
Agregar funcionalidad
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?
o inicia sesión.