Vamos a ver como crear un botón personalizado para Woocommerce que al hacer clic en el directamente nos añada un producto al carrito para finalizar la compra.
Podemos crear un enlace al carrito del producto que queramos mediante su ID que nos la muestra en la pagina de todos los productos en Woocommerce.
Solo hay que añadirle al final de la URL de producto ?add-to-cart=aqui ponemos la id del producto
https://www.simracingirona.com/producto/camiseta-basica-vrg-blanca/ le añadimos al final ?add-to-cart=7924 el numero es la id de producto
Si es un producto con atributos y variables no se añadirá al carrito directamente primero se tendrá que escoger la opción del producto, en el caso de las camisetas seria la talla y el color. Si es un producto simple se añadirá al carrito directamente.
Ejemplo URL añadir al carrito: 👇
https://www.simracingirona.com/producto/campeonato-f1-2019-t1/?add-to-cart=8014
Con esta URL podemos hacer cualquier link con los estilos que se quiera. En este caso he utilizado la clase btn de bootstrap para crear un botón mas grande y acorde con lo que yo quería hacer.
HTML para crear botón de añadir al carrito en Woocommerce.
También podemos dejar solo la URL y nos creara una bonita caja del producto con dos botones uno para añadir al carrito y el otro para mas información del producto, se genera automáticamente y queda muy bonito.
Caja del producto con URL
https://www.simracingirona.com/producto/campeonato-f1-2019-t1/?add-to-cart=8014
Otra manera de crear un enlace de añadir al carrito en woocommerce es mediante Short codes.
Shortcode añadir al carrito Woocommerce
Vista visual del short code
ShortCode Categorías Woocommerce
Ya por ultimo dejo otro shortcode muy útil para mostrar categorías de productos en paginas.
donde pone camisetas lo cambiamos por la categoría que queramos mostrar.
Otros Apuntes
Ruta del archivo modificado para cambiar el texto del botón book events por reservar ahora:
public_htmlwp-contentpluginswoo-event-managerwoocommerce-events-manager.php
Imagen del archivo
