En este curso intermedio de Storefront aprenderemos a personalizar CSS, layout, checkout, home, producto, tienda y navegacion movil.
A lo largo de diez clases practicas veremos como llevar Storefront un paso mas alla y adaptar su apariencia a las necesidades de una tienda WooCommerce. Aunque Storefront es ligero y funciona muy bien de base, muchas tiendas necesitan ajustar estructura, estilos, mensajes y detalles de experiencia.
Empezaremos instalando WooCommerce y Storefront, creando un child theme e importando productos de muestra para poder trabajar en un entorno parecido a una tienda real. Esta base nos permitira probar cambios de diseno y funcionalidad sin tocar una tienda en produccion.
Despues veremos como modificar CSS sin necesidad de escribir codigo manualmente, usando herramientas que detectan elementos y permiten cambiar visibilidad, colores, tamanos, margenes, paddings o bordes. No sustituye el conocimiento de CSS, pero puede ser una via practica para ciertos ajustes visuales.
Una parte clave sera el layout y el checkout. Veremos como modificar la estructura de la web y simplificar la pagina de pedido, uno de los puntos mas sensibles de cualquier ecommerce. Cada distraccion o campo innecesario puede afectar a la conversion, asi que revisaremos como presentar la informacion justa en el momento adecuado.
Tambien trabajaremos encabezado y pie de pagina, dos zonas que condicionan mucho la navegacion y la percepcion de la tienda. Ajustaremos elementos, contenidos y configuraciones para que la cabecera sea util sin sobrecargar, y para que el footer aporte informacion relevante.
Mas adelante modificaremos la homepage, entendiendo que aunque muchas visitas entren por producto o categoria, la portada sigue siendo una pieza importante para presentar la tienda. Despues entraremos en la pagina de producto, eliminando o ajustando elementos para que cada ficha funcione como una landing orientada a compra.
En la recta final personalizaremos mensajes informativos, de exito y de error; modificaremos la pagina de tienda y categorias; anadiremos opciones para compartir en redes y mejoraremos la navegacion movil. Cerraremos con detalles finales para paginas o productos concretos.
En definitiva, este curso nos ensena a personalizar Storefront para crear una tienda WooCommerce mas clara, usable y adaptada a cada proyecto. ¡Empezamos!