如何在没有插件的情况下添加WooCommerce快速查看

想让您的客户更容易了解您的产品并将其快速添加到购物车中吗？一个产品快速查看框可以帮助您做到这一点。

它向访问者显示关键信息，如产品价格、简短描述、客户评级、颜色和尺寸变化，以及添加到购物车按钮。

即使WooCommerce没有提供本地快速查看选项，您也可以使用第三方工具添加它。

从技术上讲，您可以使用插件将快速查看功能添加到WooCommerce商店，但安装过多的插件会导致网站崩溃、页面加载缓慢和安全漏洞。

因此，在本教程中，我将向您展示如何在不使用插件的情况下向WooCommerce产品添加快速查看模式框。

1.安装BotigaWooCommerce主题

将快速查看功能添加到商店的最简单方法是使用包含此功能的WooCommerce主题，例如我们的免费Botiga主题。

除了允许您为产品添加快速查看框外，Botiga还提供了大量设计和电子商务功能，例如，您可以创建自己的调色板，自定义购物车和产品库的布局，添加产品过滤器和徽章等。

要开始，请下载主题，然后从“外观”>“主题”>“添加新内容”>“上载主题”菜单进行安装：

安装BotigaWooCommerce主题

或者，您也可以转到“外观”>“主题”>“添加新内容”，然后在搜索栏中键入“botiga”。

出现主题时，单击“安装”按钮：

安装BotigaWooCommerce主题2（文章链接： https://tiehoo.com/491.html）

2.导入起始站点（可选）

一个启动网站是一个预先构建的演示，你可以导入到你自己的网站，只需几个点击。

Botiga目前有一个免费（美容）和四个高级（服装、家具、珠宝、单一产品）的入门网站。在本教程中，我将使用免费的美容演示——你可以在这里查看所有的入门网站。

如果您不想使用任何预先构建的演示，您也可以从头开始添加您自己的内容到您的Botiga商店。

要找到启动站点，请单击>仪表板中的外观>启动站点菜单。

将光标悬停在要安装的演示上，单击预览演示按钮预览。

如果您喜欢，请单击“导入”，在您的网站上安装预构建的内容和设计设置：

导入主题模式将向您显示将导入到您的网站的插件和内容。 你可以选择拒绝导入任何插件和内容，但我建议导入所有内容：

3.打开自定义程序 初步的步骤已经结束了

现在，我将向您展示如何添加伍商务快速视图功能到您的商店。 在您的文件按管理区域，进入外观>自定义打开自定义器，在那里您可以访问快速查看功能：

4.启用您的产品的快速查看按钮

“自定义应用程序”将在屏幕的左侧打开。Botiga有很多选择你可以选择。

要访问快速查看功能，请访问Woo商业>产品目录>一般信息：

在“常规”选项卡中，您应该会看到一个产品卡选项。选择它后，该项目将展开：

现在，向下滚动到“快速视图”选项。 正如你在下面的截图中看到的，快速查看按钮已经在你的网站上启用了：

要查看你的网站前端上的按钮是什么样子的，请打开你的商店页面。如果你导入了美容演示，你会在顶部的菜单中找到一个到该商店的链接。

将光标悬停在任何产品图像上，将显示“快速查看”按钮：

当一组产品显示在同一页面上时，将出现“快速查看”按钮。 例如，在美容演示中，精选系列部分还显示了每个产品的快速查看按钮：

由于Botiga是一个响应性的主题，快速查看按钮也可以在移动设备上使用——轻轻点击产品图像就会显示它：

5.为您的快速查看按钮选择一个布局 您必须注意到有三个快速视图布局选项：

第一个按钮完全从您的网站中删除了快速查看按钮。 第二个选项显示在产品图像中间的按钮（这是默认设置）：

第三个选项显示在产品图像底部的快速查看按钮：

如果要在布局之间切换，请选择要使用的选项，然后点击定制器顶部的“发布”按钮：

6.在“快速查看”框中添加或删除元素 快速查看模式包含产品名称、价格、简短描述、数量计数器、时尚的购物车添加按钮、产品图像和产品类别：

如果您在快速视图框中看不到这些元素，您可以从卡元素选项中添加它们，这可以在快速视图设置的正下方找到。

单击要添加的元素旁边的眼睛图标，它将显示在快速视图框中。

删除元素的工作方式也是一样的。单击眼睛图标以禁用一个元素，它将从快速视图框中消失：

7.将更多的产品添加到你的商店中 您可以从产品>添加新的管理菜单中向您的商店添加更多的产品。

此选项不在定制器中——要访问它，您需要返回到WordPress仪表板。 关闭定制程序，然后单击管理区域左侧侧边栏中的“产品>添加新”。产品编辑器将显示在您的屏幕上。 填写标题、描述、产品图像、产品图库、产品类别、产品标签和产品数据/元数据字段：

请注意，如果在产品库中添加三个以上的图片，默认情况下，快速视图框中只显示前三张图片。 但是，用户可以通过单击箭头图标来访问其余的图像：

我建议您在使用“预览更改”按钮填充产品详细信息时预览该页面。不要担心会犯错误——你可以随时回来修改产品的细节。

当您准备好时，点击发布按钮，新产品将出现在您的商店页面上。

结论

woo商务是一个很棒的插件，可以用WordPress建立一个在线商店。然而，也有一些功能，例如产品快速查看功能，它没有提供开箱即用。

幸运的是，像Botiga这样的高质量伍商业主题可以填补这一空白。您所需要做的就是安装和激活主题，转到自定义器，并选择一个快速的视图布局。

除了快速视图功能外，Botiga还包括许多有用的电子商务功能。

例如，您可以向产品图像中添加悬停效果，使用视频增强产品图库，创建自己的调色板等等。

要了解Botiga能为你做些什么，请免费下载主题或查看演示。

我希望你觉得这对这个教程很有帮助。

（转载注明文章链接：铁狐模板（www.tiehoo.com） https://tiehoo.com/491.html）