No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

4D
1H
47M
29S

Agregando elementos a nuestro producto

10/12
Recursos

Aportes 5

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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 鈥渃ompartir 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"