HUSKY - Product Filter for WooCommerce

Slideout — Panel de filtro deslizante

Esta extensión muestra el filtro en un contenedor deslizante – en toda la tienda o solo en páginas específicas. Se puede representar como shortcode en páginas individuales. Puedes encontrar sus opciones en la pestaña Advanced.

Ejemplo de código: [woof_slideout image_h=50 image_w=50 location=right speed=100 action=click offset=”100px” onloadslideout=false ][/woof_slideout].

El shortcode se puede generar mediante el botón especial “Generate shortcode” (vea las pantallas a continuación).

Página de demostración: https://demo.products-filter.com/slideout/

Tiene las siguientes opciones:

  • Visibilidad globalmostrar/ocultar el slideout en las páginas de la tienda
  • Botón como – imagen o texto, la imagen del botón se puede seleccionar debajo de la opción, en lugar de la predeterminada en el campo “Slideout image”. Si es texto – puedes debajo de la opción insertar “Slideout text
    • Imagen del slideout – url de la imagen para el botón
    • Tamaño de la imagen del botón – Ancho x Alto (px) de la imagen del botón
    • Texto del slideout – texto del botón
  • Posición – dónde mostrar el botón del slideout: derecha, izquierda, superior
  • Velocidad – velocidad de la animación del popup en (ms)
  • Acción – forma de mostrar el popup del slideout: clic o pasar el ratón
  • Desplazamiento – desplazamiento del botón (px) desde arriba o izquierda desde el borde de la ventana
  • Tamaño del contenedor – ancho y alto del contenedor HTML del popup en (px)
  • Estado después de la inicialización – cómo mostrar el popup del slideout después de cargar la página: abierto o cerrado
  • Comportamiento en dispositivos móviles – si el botón del slideout debe ser visible en dispositivos móviles
  • Generate shortcode – con este botón puedes configurar los ajustes y generar un shortcode para tus necesidades en páginas individuales. Después de usarlo, si no deseas que los ajustes se vuelvan globales, ¡recarga la página para evitar que se guarden los ajustes!