跳到主要内容

Bluehost WooCommerce AJAX 产品过滤器

如果您经营一个库存庞大的 WooCommerce 商店，客户可能会在寻找合适的产品时感到不知所措。没有有效的过滤功能，用户可能会在未进行购买的情况下离开。Bluehost WooCommerce AJAX 产品过滤器增强了您商店的搜索功能，允许用户即时细化结果而无需重新加载页面。这将带来更好的用户体验、更高的用户参与度和更高的转化率。

  • Bluehost WooCommerce AJAX 产品过滤器的主要特点
  • 如何设置 Bluehost WooCommerce AJAX 产品过滤器
  • Bluehost AJAX 产品过滤器与其他 WooCommerce 过滤插件的比较
  • 无缝用户体验的自定义选项
  • 增强过滤的高级功能
  • 总结

Bluehost WooCommerce AJAX 产品过滤器的主要特点​

  • 实时 AJAX 过滤 – 无需刷新即可立即更新结果。
  • 多种过滤类型 – 支持颜色样本、复选框、单选框和下拉菜单。
  • 可自定义样式 – 与您商店的主题同步。
  • 移动优化 – 在所有设备上完美运行。
  • 高级功能 – 改进过滤选项，如模态窗口和自适应筛选。

如何设置 Bluehost WooCommerce AJAX 产品过滤器​

第一步：安装并激活插件​

  1. 在您的 WordPress 仪表盘中导航到 插件 > 添加新。
  2. 搜索 Bluehost WooCommerce AJAX 产品过滤器 并点击 立即安装。
  3. 安装完成后，点击 激活。

第二步：配置基本设置​

  1. 在仪表盘中转到 YITH > Bluehost AJAX 产品过滤器。
  2. 在 常规设置 标签下，启用 AJAX 过滤。
  3. 自定义过滤模式（例如，自动刷新或基于按钮）。

第三步：创建过滤预设​

  1. 导航到 过滤预设 并点击 添加预设。
    yith-add-preset
  2. 输入 预设名称（例如，“商店过滤器”）。
  3. 点击 添加新过滤器 并选择类型（例如，颜色、尺寸、类别）。
    yith-addnew-filter-preset
  4. 输入一个名称以识别过滤器。例如：“按颜色过滤”。
  5. 选择用于过滤的分类法。
    注意： 如果您没有创建自定义属性，您将只能看到 产品类别 和 产品标签 供选择。要按颜色、尺寸、材料等进行过滤，您必须首先在 产品 > 属性 中创建这些属性。然后，您将在列表中看到这些属性。
    yith-enter-name-taxonomy
  6. 选择是否要自动填充所有术语。如果您创建了 10 种不同颜色作为属性，则所有 10 种颜色将自动显示在过滤器中。此选项允许您自动更新过滤器，以便在稍后添加术语时自动更新，因此如果您在两周后添加另一个颜色属性，它将自动添加到过滤器中。
    yith-auto-populate
  7. 如果您不启用自动填充选项，则必须选择要在过滤器中显示的属性。您可以选择所有颜色或仅选择其中一些。
    yith-choose-terms
  8. 选择过滤器类型，您可以选择复选框、单选框、纯文本、颜色样本或标签。要创建“按颜色过滤”，我们可以使用“颜色样本”类型。
    yith-filter-type-color-swatches
  9. 选择标签位置 - 您可以隐藏颜色标签，仅显示颜色样本或设置文本的位置。
    yith-labels
  10. 选择每行显示多少列 - 如果您有 8 种颜色并希望每行显示 4 个颜色样本，请输入“4”。
    yith-columns-number
  11. 自定义要显示的术语 - 您可以自定义标签，设置工具提示，并使用颜色选择器设置要在颜色样本中显示的颜色。
    yith-terms-options
  12. 选择是否允许用户选择多个选项 - 如果启用，用户可以选择两种颜色，例如“红色”和“黑色”。如果禁用，当用户点击第二个颜色样本进行选择时，第一个颜色将被取消选择。
  13. 如果启用 多选 选项，您可以选择如何使用过滤器。
    AND : 插件将仅显示将两种颜色设置为属性的产品（例如，具有红色和黑色属性的 T 恤将被显示，但仅具有黑色属性的 T 恤将不会被显示）。
    OR: 插件将显示所有具有红色或黑色属性的产品。
    yith-selection-relation
  14. 保存过滤器，然后保存预设。 - 第一个预设过滤器已准备好！您现在可以按照相同的步骤添加其他过滤器。

第四步：在您的商店页面插入过滤器​

您可以使用两种方法添加过滤器：

  • 古腾堡块方法 – 打开 商店页面，添加 Bluehost AJAX 过滤器预设 块，并选择您的预设。
    yith-filters-preset-block
  • 短代码方法 – 复制预设短代码并粘贴到过滤器出现的地方。
    yith-shortcode

Bluehost AJAX 产品过滤器与其他 WooCommerce 过滤插件的比较​

特性Bluehost AJAX 产品过滤器插件 X插件 Y
AJAX 过滤是是否
多种过滤样式是有限是
移动友好的模态窗口是否是
价格过滤是是是
可自定义样式是否是
高级功能广泛有限一些
为什么选择 Bluehost AJAX 产品过滤器？YITH 的 插件提供 完全可自定义的实时过滤体验，具有优越的移动优化和许多竞争对手所没有的高级功能。

无缝用户体验的自定义选项​

您可以微调插件的外观以匹配您商店的主题：

  • 调整 标题颜色、背景颜色 和 强调颜色。
  • 启用/禁用 工具提示、过滤计数和重置按钮。
  • 为 桌面和移动用户 优化过滤。

增强过滤的高级功能​

免费版本功能强大，但升级后可解锁额外功能：

  • 支持双色和图像的颜色样本。
  • 为移动设备优化的过滤器（模态窗口而不是堆叠过滤器）。
  • 更多过滤选项：按用户评分、促销产品和自适应筛选。
  • 支持水平布局以改善用户体验。

总结​

Bluehost WooCommerce AJAX 产品过滤器简化了产品发现，使购物对客户来说更快、更愉快。无论是经营小型精品店还是大型电子商务商店，此插件都可以帮助您提高转化率并改善客户满意度。