Pregunta sobre WooCommerce de Wordpress:

Agregar iconos de fuentes impresionantes Botón Agregar al carrito con texto

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 ‘

Envío gratis

‘; macalla ‘

Devolución de 100 días

‘; }

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 ‘

‘; macalla ‘ ‘; macalla ‘ ¡100 días atrás!

‘;

(@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 ‘ ‘; macalla ‘ ¡Envío gratis!

‘; macalla ‘

‘; macalla ‘ ‘; macalla ‘ ¡Envío gratis!

‘; } ¿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

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *