Cómo usar las tablas comparativas

Las tablas comparativas de Wasabi Theme se generan de forma automática según el contenido de los productos que se hayan insertado en el post.

Para usarlas solo tienes que hacer 2 cosas:

  1. Añadir productos al post usando el bloque de productos de Wasabi.
  2. Añadir el bloque de tabla comparativa y configurar los estilos a tu gusto, así como los CTA, las insignias, etc.

Si quieres definir una configuración para todos los bloques de tablas comparativas nuevos y así evitarte tener que configurar cada una en todos los posts, lee el siguiente punto.

Configuración global de tablas comparativas

Se puede establecer la configuración por defecto de la mayoría de bloques de Wasabi Theme en el “menú de Wasabi” ➡ Todos los ajustes ➡ Ajustes por defecto de Gutenberg.

En este caso en particular, llegados a ese punto, entraríamos en “Comparativa de productos”

Cómo hacer que los pros y los contras de la tabla comparativa sean una versión reducida de los de los productos

Para que el contenido de pros y de contras no redunde entre la tabla comparativa y los bloques de producto, se debe configurar un delimitador. Escribiríamos la frase en el bloque de producto usando un delimitador y, lo que se encuentra la izquierda del delimitador aparecerá en la tabla de comparativa y, la frase entera, en la ficha de producto.

Ejemplo: si en un “Pro” de un producto escribo “Buen precio: El precio destaca sobre la media del mercado”, en la tabla aparecería “Buen precio” y en el producto aparecería toda la frase.
¿Cómo se hace?
  1. Haz clic en el bloque de tabla comparativa para abrir las opciones del bloque
  2. Configura el delimitador
  3. Escribe el pro o contra usando dicho delimitador.

Cómo transformar los títulos de las tablas comparativas en mayúculas

1. Instala un child theme

Lo necesitas porque vamos a editar el fichero functions.php. Con esto, prevenimos la pérdida de las modificaciones cuando se actualice Wasabi a una nueva versión.

Puedes hacerlo siguiente este tutorial: https://wasabitheme.com/documentacion/art/que-es-un-child-theme-y-como-se-usa-con-wasabi/

1. Añade estas líneas en el fichero functions.php del child theme:

add_filter( 'wasabi_comparison_title', function ( $title ) {
return strtoupper( $title );
} );



Otro tipo de contenido en el blog de Wasabi