Agregando elementos a nuestro producto

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.

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"