Hoy vemos lo sencillo que puede ser conseguir un diseño espectacular para nuestra tienda online con el Child Theme de Genesis Framework Outfitter Pro.
Outifitter Pro es una plantilla pensada para crear un ecommerce limpio, cómodo, sencillo de usar y directo al grano.
De este child theme podría destacar lo fácil y rápido que es montarlo y por supuesto el diseño de su home y algunos elementos que incorpora.
El carrito en el menú nos va indicando si hemos añadido artículos pero además si lo pulsamos se abre una ventana modal a full width con todo lo que contiene. Súper claro y un punto de diseño inesperado pero muy eficaz que gustará a los usuarios y los hará seguir conociendo la página.
Como podéis ver, Outfitter Pro incorpora un menú (icono con tres puntos) que también se abre en una modal a full width y que nos puede venir genial para meter todos aquellos elementos que no queremos que se muestren de primeras en nuestro menú principal.
Este tipo de menús es muy interesante y sobre todo quedan genial pero, ojo, no coloques ahí enlaces importantes o partes de tu web que el usuario deba ver fácilmente ya que hay más clics hasta llegar a ellas y muchos usuarios se irán quedando por el camino.
Por lo demás, Outfitter Pro mantiene un diseño minimalista en todas sus páginas que hacen la navegación relajada a diferencia de otras webs sobrecargadas que estresan al usuario. Favorece que el usuario se dé un paseo a ver si ve algo que le apetece comprar.
Las páginas de producto son muy efectivas. Con una imágen grande y el resto de elementos colocados estratégicamente para no perder el foco del futuro cliente.
8.2 - Homepage
Vamos ahora a por la home, lo primero que verá alguien que visite nuestra web. Para dejar Outfitter como en la demo, primero instalaremos Genesis Framework y después el Child Theme Outfitter Pro.
Tras esto, cargaremos los plugins necesarios, que en esta ocasión son pocos. Básicamente vamos a usar:
- Woocommerce: El plugin gratuito de Automattic para crear una tienda online en tu WordPress.
- Genesis Connect for Woocommerce: Sirve para optimizar Woocommerce en los Child Themes de Genesis quitando código sobrante, añadiendo mejoras en los templates para Genesis e incluso añadiendo algunos detalles para que funcionen elementos como el carrito que vemos en esta demo.
- Genesis eNews Extended: El mítico plugin de Genesis para recolectar los correos de nuestros leads y mandarlos a nuestras listas de email marketing.
- Ninja Forms: Para crear formularios de contacto de forma sencilla.
A continuación cargaremos todo el contenido de demo y después haremos algunos ajustes en Woocommerce para mostrar las páginas de la tienda.
Así pues, vemos que Outfitter Pro prácticamente se monta sólo una vez dados los pasos anteriores. Pero comprenderemos cómo funciona cada una de las franjas de su home, algo clave para sacarle el máximo rendimiento.
8.3 - Extras y detalles
Y como siempre, rematamos la puesta a punto de nuestra plantilla viendo todos los detalles de configuración de usuarios, menús, widgets, páginas y templates.
Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte. ¡Nos vemos en la siguiente lección, con un theme para autores!
Todos los capítulos de este curso:
- Curso de puesta a punto de themes #1. Parallax Pro
- Curso de puesta a punto de themes #2. No Sidebar Pro
- Curso de puesta a punto de themes #3. Workstation Pro
- Curso de puesta a punto de themes #4. News Pro
- Curso de puesta a punto de themes #5. Business Pro
- Curso de puesta a punto de themes #6. Studio Pro
- Curso de puesta a punto de themes #7. Aspire Pro
- Curso de puesta a punto de themes #8. Outfitter Pro
- Curso de puesta a punto de themes #9. Author Pro
- Curso de puesta a punto de themes #10. Boss Pro