Enrique J. Ros

Los ajustes de visualización de WooCommerce (3.3+)

Ya se ha publicado WooCommerce 3.3 y, aparte de los sustos que está dando con los templates personalizados que incluyen muchos temas (si has estado ignorando el aviso que mostraba WooCommerce en cada actualización de que tu tema está usando plantillas personalizadas y que eso no es muy recomendable, ahora te lamentarás) trae como siempre algunas novedades.

Ya hablé en su momento de una de las que más te va a llamar la atención (la nueva pantalla de pedidos) y hoy vamos a repasar juntos la otra: las nuevas opciones de visualización.

Las novedades de WooCommerce 3.3

Como siempre, las nuevas versiones vienen cargadas de novedades (¿qué sentido tendrían si no?). Aparte de todo lo que a los desarrolladores nos preocupa, las que más «pasiones» van a despertar son las que el usuario verá:

Aparte de que el asunto de la compatibilidad con los temas no preparados para WooCommerce está haciendo estragos entre aquellas plantillas que usan custom templates, y de que la previsualización de pedidos cubre el vacío que dejó el cambio en WooCommerce 3.0 (cuando dejó de mostrar los detalles en la pantalla de resumen de pedidos), lo más destacable es el cambio en los ajustes de visualización.

Los ajustes de visualización en el nuevo WooCommerce

Si aún no has actualizado a WooCommerce 3.3, una de las primeras cosas que notarás cuando lo hagas será la desaparición de toda una sección de los ajustes, dentro de la pestaña Producto. Concretamente, toda la sección WooCommerce > Ajustes > Productos > Mostrar ya no está ahí. Tampoco está la opción del aviso en la tienda, que estaba en la pestaña general de productos.

Algunas de las opciones que habían en Mostrar puedes verlas ahora en Productos > General (la página de la tienda, activar AJAX en el botón de añadir al carrito, redirigir a la página del carrito tras añadir productos con éxito), pero ¿dónde están las opciones de visualización y la del aviso del carrito?

Opciones de personalización de WooCommerce

Pues se las han llevado al personalizador, en una nueva sección que encontrarás en Apariencia > Personalizar > WooCommerce.

Aquí encontrarás tres submenús:

En la primera podrás encontrar la opción para activar un aviso en toda la tienda, no hay en ello novedad ninguna. Pero en las otras dos si que encontrarás algunas novedades. Y muy esperadas.

Catálogo de productos

En este apartado vas a encontrar las opciones ya conocidas de Visualización de la página de la tienda (si la página de la tienda debe mostrar sólo los productos, sólo las categorías, o las categorías y los productos), Visualización de categorías (lo mismo: productos, subcategorías y productos o sólo productos) y Orden de productos por defecto (qué criterio utilizará por defecto para mostrar el orden de los productos).

Pero también hay nuevas opciones, y como decía muy esperadas: aquí podrás configurar el número de productos por página que quieres mostrar (algo que en versiones anteriores a la 3.3 sólo puede hacerse por código o con un plugin como éste), seleccionando tanto el número de productos por fila como el número de filas por página.

Imágenes de producto

Y el otro esperadísimo cambio está en la opción de Imágenes de producto, sustituyendo las anteriores opciones, que te permitían introducir los tamaños requeridos para las diferentes miniaturas (imágenes de catálogo, imagen del producto y miniaturas del producto) por una nueva opción que te permite seleccionar con qué ratio de aspecto quieres que se generen las miniaturas:

Este cambio tiene su parte positiva y su parte negativa. Por un lado los usuarios menos experimientados podrán establecer la relación entre ancho y alto de las imágenes sin tener que lidiar con los tamaños de miniaturas, una opción que a menudo no sabía utilizarse correctamente.

Pero por otro lado permite menos control sobre el tamaño de las miniaturas generadas (puedes establecer la relación de aspecto, pero no los tamaños), algo que permitía optimizar el tamaño de las imágenes ajustándolo al mostrado por tu plantilla, según explicaba en la guía que publiqué en su momento:

Adicionalmente, ahora no será necesario regenerar las miniaturas cuando cambies estas opciones, ya que WooCommerce lo hará automáticamente en un proceso en segundo plano. Ya sabes que, hasta ahora, al cambiar los tamaños de imágenes había que tirar de Regenerate Thumbnails.

Vídeo: los nuevos ajustes de visualización a partir de WooCommerce 3.3

En este vídeo puedes ver todos estos cambios en detalle:

Salir de la versión móvil