Imagen — Muestras de imagen
Muestra los términos de taxonomías en el front como imágenes. Se usa para atributo de producto o taxonomía personalizada. También es posible añadir texto informativo adicional para el tooltip en el front para cada término en su página de configuración.
Para usarlo, selecciona el tipo de vista ‘Image‘ para el atributo de producto o la taxonomía personalizada, y presiona el botón Guardar. Después de recargar la página, puedes establecer el enlace de la imagen para cada término:
Para cada término también puedes establecer sus propios estilos CSS si es necesario (usa el botón con engranaje):
Por cierto, puedes repetir esta funcionalidad de color/imagen usando Smart Designer.
Esta extensión tiene opciones adicionales:
- Show title label – mostrar/ocultar el título del bloque de taxonomía en el front
- Show toggle button – mostrar el botón de alternancia cerca del título en el front, encima del bloque de elementos HTML
- Tooltip – mostrar/ocultar tooltip
- Not toggled terms count – introduce la cantidad de términos que deberían ser visibles para que todos los demás se puedan colapsar. Aparecerá el botón “Show more”. Esta función funciona con: radio, casillas de verificación, etiquetas, colores. Información avanzada sobre el botón de mostrar está aquí
- Taxonomy custom label – por ejemplo, si quieres mostrar el título de las categorías de producto como “Mis Productos”. Solo por tu comodidad. Déjalo vacío para usar el nombre de taxonomía nativo
- Sort terms – cómo ordenar los términos dentro del bloque de filtro
- Sort terms direction – dirección de ordenación de los términos dentro del bloque de filtro (ASC/DESC)
- Logic of filtering – AND u OR: seleccionar AND encuentra productos que contienen ambos términos seleccionados al mismo tiempo; seleccionar NOT IN encuentra elementos que NO tienen los términos seleccionados – lo opuesto a incluir: excluir
- Show image title – mostrar el título de la imagen debajo de la imagen
- Behavior as radio button – usar color/imagen como botón de opción (solo se puede seleccionar un elemento de filtro)
Ejemplo de demostración #1: https://demo.products-filter.com/all-by-images-only/
Ejemplo de demostración #2: https://demo-sd.products-filter.com/
Atención para usuarios que usan WPML en el sitio para productos: la extensión predeterminada no funciona correctamente con WPML ya que guarda las opciones solo para un idioma – el actual. En ese caso, sigue los siguientes pasos:
- Ve a la pestaña ‘Extensions‘, desactiva la extensión Image predeterminada y presiona el botón Guardar
- Ve a https://codecanyon.net/downloads y descarga el paquete WOOF
- Descomprímelo
- Allí encontrarás la carpeta wp-content – súbela a tu sitio por FTP
- En la configuración del plugin, en la pestaña ‘Advanced‘, escribe en “Custom extensions folder” el valor “my_woof_extensions” y guárdalo
- En la pestaña ‘Extensions‘, marca la extensión ‘Image 2’ y guarda las opciones
- Ahora es posible, en cada término de la taxonomía que seleccionaste como tipo Image, seleccionar una imagen como en la siguiente pantalla:
Enlace de la pantalla: wp-admin/edit-tags.php?taxonomy=pa_size&post_type=product
Hooks: