Plugins

Regalo del plugin para mostrar el carrito de WooCommerce en el menú (requiere GeneratePress Premium)

Carrito WooCommerce en Menu Plugin GP

Hoy os traigo algo muy especial y que me ha estado haciendo falta durante mucho tiempo, ya que a mi forma de ver, es esencial para cualquier tienda online.
El problema que me encontraba, es que con el tema que yo utilizo habitualmente y el cual os recomiendo encarecidamente, GeneratePress, en su versión Premium, solo podía mostrar el número de productos y el importe, pero no la lista detallada con los productos del carrito de WooCommerce, que además me permitiera interaccionar con ellos. Por tanto, como esta funcionalidad no existía, me he liado la manta a la cabeza y he desarrollado yo mismo un plugin que la añade.

He de comentar, que este plugin requiere tener instalado y activado el plugin de la versión Premium de GeneratePress. Podéis adquirirlo aquí.

 

 

¿Cómo descargarlo?


 

Para descargarlo, únicamente tienes que suscribirte aquí abajo y recibirás directamente en tu email el enlace de descarga. De este modo, también podré informarte de nuevas versiones si fuera el caso o de otros plugins que pudieran ser interesantes para ti. Tranquilo, no hago Spam, ni es mi intención hacerlo 🙂

To download it, you just have to subscribe here and you will get a direct link in a mail. This way, i can send you new versions, or other plugins you can be interested in. Don’t worry, i don’t Spam 🙂

WooCommerce Plugin Lista en menu-GeneratePress

Plugin gratuito para listar el carrito de WooCommerce en el menú para GeneratePress

Free Plugin to list WooCommerce cart in menu for GeneratePress

 

¿Cómo funciona?


 

En primer lugar, os dejo un vídeotutorial donde podréis ver las opciones de configuración y cómo funciona en vivo y en directo, y con comentarios.

El funcionamiento es muy simple, sólo tienes que descargarlo, e instalarlo en tu sitio web donde tengas el tema GeneratePress, con el plugin Premium de GeneratePress instalado y activado (como mínimo el módulo de WooCommerce ha de estar activo).
Para añadir el plugin, recuerda que puedes hacerlo desde el panel de administración de WordPress, en la pestaña “Plugins”, seleccionando “Añadir nuevo” y pulsando en la parte superior el botón “Subir plugin”. Después simplemente tendrás que escoger el archivo .zip que tendrás descargado.

Una vez instalado, veréis que os aparece el icono del carrito de compra en la parte derecha de vuestro menú.Aparece icono derecha menu

 

Al posicionaros encima, veréis que os aparece conforme que no hay productos en el carrito (no os preocupéis por la parte visual, después veremos como personalizarlo):

Plugin lista carrito WooCommerce sin productos

 

Si tuvierais productos añadidos en el carrito de WooCommerce, os mostraría la lista de productos, los totales y dos botones con el acceso al carrito y a finalizar compra (vuelvo a comentar, que no os fijéis en el diseño, ya que después lo podremos modificar):

 

Plugin lista carrito WooCommerce con productos 2

Como veis así de simple ya tenemos el plugin funcionando. Nos permite eliminar productos del carrito desde la X que tenemos en la lista a la izquierda de cada uno de ellos, visitar ese producto haciendo clic encima del nombre o la imagen, ver el total que llevamos, y dos botones atractivos para ver el carrito y finalizar compra.

 

 

Cómo personalizarlo


 

Ahora vamos a ver como podemos personalizarlo, para darle los ajustes que necesitemos en cada caso.

Para ello, nos iremos al personalizador, desde el panel de administración WordPress, en la pestaña “Apariencia“, seleccionando “Personalizar“.

Al abrirse el personalizador, vamos a ir a “Diseño de pantalla” y después a “JC Woo Cart“, para que nos aparezcan las cuatro opciones disponibles de configuración:

Diseño de pantallaJC Woo CartJC Woo Cart Opciones

 

La primera opción, Icono carrito nos permite escoger entre tres iconos distintos para nuestra lista de productos WooCommerce.

Icono bolsa plugin WooCommerce lista Icono carrito plugin WooCommerce lista Icono cesta plugin WooCommerce lista

Después con Color textos podremos escoger el color que tendrán el icono X de cancelar producto, los textos de productos, el precio y cantidad de producto y el subtotal. Por defecto viene en negro como hemos podido ver, pero podemos darle el color que queramos, os dejo algunos ejemplos:

Lista menu color blanco Lista menu color verdeLista menu color azul

Las dos últimas opciones, Color boton y Color texto boton, como su nombre indica, nos permiten modificar los colores de los botones, tanto en el color del botón en sí mismo como el del texto interno. Tomando la opción blanca del ejemplo anterior, y dándole nuestro color corporativo a los botones, podríamos crear un carrito de WooCommerce corporativo completamente personalizado.

Lista menu botones azul

 

Y alguien se preguntará ¿cómo cambio entonces el fondo?
Pues la respuesta es con las propias opciones del menú de navegación que nos trae GeneratePress. En el personalizador, desde Colores > Subnavegación principal en la opción “Fondo“. Por ejemplo, con mi color corporativo, podría quedar algo así:

Lista menu carrito corporativo

 

 

Conclusiones


 

Como veis es muy sencillo y rápido tener la lista de productos del carrito de WooCommerce en el menú de vuestra tienda online y ponerlo en marcha totalmente personalizado.

Espero vuestros comentarios, observaciones y opinión sobre el plugin.

WooCommerce Plugin Lista en menu-GeneratePress

Plugin gratuito para listar el carrito de WooCommerce en el menú para GeneratePress

Free Plugin to list WooCommerce cart in menu for GeneratePress

Vuelvo a dejar el enlace de suscripción aquí abajo por si has llegado hasta aquí 🙂

Las claves para crear la web que necesitas 2

EBOOK GRATUITO

Prepárate para tener una web efectiva

2 comentarios en “Regalo del plugin para mostrar el carrito de WooCommerce en el menú (requiere GeneratePress Premium)

Deja un comentario