Un usuario preguntó 👇
Más o menos como dice el título
Quiero poner íconos de fuentes increíbles debajo del botón Agregar al carrito, es decir, envío gratuito y devoluciones de 90 días, etc.
Intenté agregar un código diferente al functions.php que no funcionó.
Sin embargo, logré agregar texto con este código: add_content_after_addtocart_button_func () function {
// Contenido de eco.
macalla ‘
‘; macalla ‘
‘; }
Cualquier ayuda sería genial
(@lorro)
Hace 1 año, 6 meses
Prueba este palo:
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );
function add_content_after_addtocart() {
echo '<div class="second_content">';
echo '<i class="fas fa-dolly-flatbed"></i>';
echo '<span>Free Shipping!</span></div>';
}Si no le gusta una plataforma rodante, elija una de aquí:
https://fontawesome.com/icons?d=gallery&m=free
y este CSS personalizado:
.second_content {
margin: 16px 0;
}
.second_content i {
vertical-align: middle;
font-size: 36px;
color: #0a0;
}
.second_content span {
margin-left: 8px;
vertical-align: middle;
}Lanzador de hilos
(@renz_r)
Hace 1 año, 6 meses
Hola lorro
No fusionamos qué tipo de impresión usamos dispuestos a utilizar todo lo que necesitamos para lograr lo que el cliente desea.
Gracias por enviarlo, le daré una oportunidad y le daré una actualización.
Lanzador de hilos
(@renz_r)
Hace 1 año, 6 meses
Hola Lorro que funcionó bien gracias.
Si quisiera poner un ícono diferente a continuación, ¿haría esto nuevamente solo con un texto e ícono diferentes?
macalla ‘
‘;
(@lorro)
Hace 1 año, 6 meses
Si.
Lanzador de hilos
(@renz_r)
Hace 1 año, 6 meses
OK gracias por eso.
Tengo otra pregunta que no puedo encontrar en el foro.
Me gustaría agregar detalles del producto en la verificación en el resumen, ¿es posible? Probé un plugin de campo personalizado pero no funcionó.
Me gustaría agregar:
¿Qué está incluido?
Care Card Funda de almohada Almohada (algodón)
¿Hay alguna forma de agregar esto a través de function.php o CSS?
Esta respuesta fue modificada hace 1 año, 6 meses.
(@lorro)
Hace 1 año, 6 meses
add_action( 'woocommerce_review_order_before_payment', 'whats_included' );
function whats_included() {
print 'What's included?';
print '<ul>';
print '<li>Pillow</li>';
print '<li>Pillow Cover (Cotton)</li>';
print '<li>Care Card</li>';
print '</ul>';
}Lanzador de hilos
(@renz_r)
Hace 1 año, 6 meses
Si esto funciona te daré un abrazo virtual @lorro
Lanzador de hilos
(@renz_r)
Hace 1 año, 6 meses
@lorro clavó a su compañera funcionando perfectamente muchas gracias
Lanzador de hilos
(@renz_r)
Hace 1 año, 6 meses
Perdón por otras dos preguntas:
Fui a agregar el código nuevamente pero me dio un error de php
asi que
add_action (‘woocommerce_after_add_to_cart_button’, ‘add_content_after_addtocart’); función add_content_after_addtocart () {echo ‘
‘; macalla ‘
‘; } ¿Es eso correcto para el segundo icono?
¿Cómo cambio el color?
(@lorro)
Hace 1 año, 6 meses
¿Qué es un error de PHP? Parece que estás trabajando en ello.
Puede utilizar este servicio para validar su PHP:
http://phpcodechecker.com/
Ha duplicado el mismo icono y texto.
.second_content i {
vertical-align: middle;
font-size: 36px;
color: #0a0;
}Lanzador de hilos
(@renz_r)
Hace 1 año, 6 meses
¿Agrego el código de color al archivo de tema php?
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );
function add_content_after_addtocart() {
echo '<div class="second_content">';
echo '<i class="fas fa-plane" color: blue></i>';
echo '<span>Free Shipping!</span></div>';
.second_content i {
vertical-align: middle;
font-size: 36px;
color: #0a0;
}(@lorro)
Hace 1 año, 6 meses
No. Entonces tienes php y CSS y no se mezclan.
Php entra en funciones php para el tema de su hijo o puede probar un plugin de fragmentos.
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );
function add_content_after_addtocart() {
echo '<div class="second_content">';
echo '<i class="fas fa-plane" color: blue></i>';
echo '<span>Free Shipping!</span></div>';
}pero el CSS entra: Panel> Apariencia> Personalizar> CSS adicional
.second_content i {
vertical-align: middle;
font-size: 36px;
color: #0a0;
}(@ slash1andy)
Ingeniero Automático de Felicidad
Hace 1 año, 5 meses
No hemos tenido noticias tuyas en un tiempo, así que voy a marcar esto como una solución. Si tienes alguna otra pregunta, puedes comenzar una nueva conversación.
¿Solucionó tu problema??
0 / 0