En la décima y última clase del curso intermedio de Storefront vamos a ver cómo hacer los últimos retoques de nuestra tienda online.
A pesar de haber modificado y personalizado los principales elementos de Storefront, quizás queremos realizar algunos retoques finales para ciertas páginas, productos u ocasiones puntuales.
Vamos a ver cómo ocultar los títulos de las páginas a nivel individual, cómo personalizar el encabezado, y cómo cómo añadir un par de widgets superiores para avisos y anuncios generales. ¡Empecemos!
Una vez más, es gracias a la flexibilidad de Storefront que podemos realizar estos cambios a través de plugins simples y ligeros. Todos los hooks de los que disponemos nos permiten personalizar prácticamente cada elemento de la web.
En esta última lección os propongo los siguientes cambios:
- Ocultar el título de la página de carrito y checkout
- Probar el encabezado compacto
- Eliminar la caja de búsqueda y el carrito del header
- Modificar el color de fondo y de los enlaces del encabezado
- Añadir avisos globales en la parte superior de la tienda:
- Uno: Con una oferta de producto general
- Dos: Con un aviso de oferta puntual, y un CTA para el newsletter
Y ahora sí, esto es todo por esta lección, y el curso en general. Espero que haya sido de vuestro agrado, y que podáis aplicar algunas, sino todas, de estas personalizaciones que hemos visto.
Para el próximo curso de Storefront, podemos enfocarlo a uno más avanzado en el cual veamos ya código, con el que trabajaríamos con los hooks (actions y filters) de este theme, o uno más funcional en el que veamos cómo instalar y configurar child themes y dejarlos como en el demo. Como siempre, podéis proponer cursos y tomaremos nota de todas vuestras propuestas :)
En cualquier caso, nos vemos en la siguiente clase del siguiente curso, sea éste el que sea. Hasta entonces... ¡Muy buenos días!
Todos los capítulos de este curso:
- Curso intermedio de Storefront #1. Instalación
- Curso intermedio de Storefront #2. Modificar CSS
- Curso intermedio de Storefront #3. Layout y checkout
- Curso intermedio de Storefront #4. Encabezado y pie de página
- Curso intermedio de Storefront #5. Homepage
- Curso intermedio de Storefront #6. Página de producto
- Curso intermedio de Storefront #7. Mensajes informativos
- Curso intermedio de Storefront #8. Página de tienda
- Curso intermedio de Storefront #9. Usabilidad móvil
- Curso intermedio de Storefront #10. Detalles finales