
想让您的客户更容易了解您的产品并将其快速添加到购物车中吗?一个产品快速查看框可以帮助您做到这一点。
它向访问者显示关键信息,如产品价格、简短描述、客户评级、颜色和尺寸变化,以及添加到购物车按钮。
即使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)
原文链接:https://tiehoo.com/491.html,转载请注明出处。