En la sexta clase del curso de Storefront vamos a modificar la página de producto de nuestro WooCommerce, para mostrar sólo aquellos elementos que queramos.
Cada página de producto debe ser una "landing" lo más perfecta posible para convertir. Eso significa que si debemos prescindir de elementos y otras distracciones que aparecen en ella por defecto, deberíamos hacerlo. No por estar ahí significa que deban quedarse.
Vamos a ver cómo modificar u ocultar todos los datos que aparecen en la página de producto para todo nuestro catálogo, y cómo modificar esa misma información a nivel individual de producto. ¡Empecemos!
Así pues, como vemos, nos debemos tomar esta personalización global como unos valores por defecto que se tomarán en el caso que no hayamos indicado lo contrario a nivel individual de producto.
Si un producto, por sus características y naturaleza, requiere que mostremos ciertas pestañas especiales porque así lo requiere, podemos activar las pestañas extra. Pero si no es necesario, nos las podemos ahorrar y trabajar simplemente con la información de la descripción corta.
En esta lección os propongo personalizar la página de producto del siguiente modo:
- Quitar la barra lateral.
- Mostrar la galería de fotos en modo básico.
- Eliminar los productos relacionados.
- Mostrar la descripción corta, pero eliminar la larga.
- Eliminar la metainformación.
Espero que con la clase de hoy os quede una página de producto optimizada con el diseño que estáis buscando, sin información que entorpezca el proceso de compra.
Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)
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