Slideout — 滑出式筛选面板

此扩展程序在滑出式容器中显示筛选器——可应用于整个商店或仅单独页面。可以在单页中通过短代码表示。您可以在“高级”选项卡中找到其选项。

代码示例：[woof_slideout image_h=50 image_w=50 location=right speed=100 action=click offset=”100px” onloadslideout=false ][/woof_slideout].

短代码可通过特殊按钮“生成短代码”生成（见下方截图）。

演示页面：https://demo.products-filter.com/slideout/

包含以下选项：

• 全局可见性 – 在商店页面显示/隐藏滑出
• 按钮类型 – 图片或文本，可在选项下方选择按钮图片，以替代默认的“滑出图片”字段中的图片。若为文本，则可在选项下方插入“滑出文本”
  • 滑出图片 – 按钮图片的URL
  • 按钮图片尺寸 – 按钮图片的宽度×高度（像素）
  • 滑出文本 – 按钮的文本
• 位置 – 滑出按钮显示位置：右侧、左侧、顶部
• 速度 – 弹出动画速度（毫秒）
• 触发方式 – 滑出弹出窗口的显示方式：点击或悬停
• 偏移量 – 按钮距窗口顶部或左侧的偏移量（像素）
• 容器尺寸 – 弹出HTML容器的宽度和高度（像素）
• 初始化后状态 – 页面加载后滑出弹出窗口的显示方式：打开或关闭
• 移动端行为 – 滑出按钮是否在移动设备上可见
• 生成短代码 – 通过此按钮，您可以设置参数并生成适合单页面需求的短代码。使用后，如果您不希望设置全局生效，请刷新页面以避免设置保存！