Divi 产品亮点：家具店 Divi WooCommerce 主题

Furniture Shop Divi WooCommerce 主题是 Divi 的第三方子主题，专为电子商务设计。 它包括多个页面设计并添加了许多与 WooCommerce 配合使用的功能。 在这篇文章中，我们将了解家具店 Divi WooCommerce 主题，以帮助您确定它是否适合您的在线商店。

安装家具店 Divi WooCommerce 主题

安装这个 Divi 儿童主题很简单。 激活 Divi 后，像任何 WordPress 主题一样上传并激活家具店 Divi WooCommerce 主题。 首先，转到主题：

1. 外貌
2. 主题
3. 添新

接下来，上传主题。

1. 上传主题
2. 选择文件
3. 现在安装

接下来，激活儿童主题。

1. 启用

选择您要安装的所有内容。 这包括所有页面、布局，甚至插件。 它还将为您激活插件。 一切都是默认选择的。 我建议保留所有内容。 单击“导入演示内容”并等待导入完成。

1. 导入演示内容

最后，一旦所有内容都已导入并激活，您将看到一条消息，表明该过程已完成，然后您可以删除导入程序。

1. 删除演示内容和导入功能

我收到一条消息，称 WooCommerce Wishlist 插件配置错误，但修复起来很简单。 您将需要设置一些插件，例如 WooCommerce 选项、WooCommerce 愿望清单插件选项、FiboSearch 设置等。文档确实显示了您需要的设置。 我的大部分配置都是正确的，但我确实需要进行一些调整以匹配文档。

家具店 Divi WooCommerce 主题选项

主题设置包括一键换色、颜色选择器和预加载器。 常规选项卡包括主题颜色选项和颜色选择器，您可以在其中选择默认的主要颜色和次要颜色。

预加载器选项卡包括 28 个内置预加载器可供选择。 您还可以上传自定义预加载器并选择颜色、背景、效果、延迟和淡出速度。

家具店 Divi WooCommerce 主题页面

Furniture Shop Divi WooCommerce 主题向您的网站添加了 32 个页面，这还不包括在 Divi 主题生成器中创建的页面。 其中包括主页、标准网站页面、WooCommerce 页面等。

主页

家具店 Divi WooCommerce 主题有 3 个不同的主页可供选择。 这三者都遵循带有绿色亮点的白色配色方案，包含相同的设计元素，并专注于电子商务。 这是所有三个主页的外观。

家园一号

这是第一个主页的顶部部分。 它包括页面顶部的 CTA 滑块，其中垂直放置的社交图标和右侧的消息。 带有悬停动画的类别图标链接到各个商店类别。 新产品部分在样式化的商店模块中显示产品。 该部分标有垂直放置的标题。 交易部分包括带有倒计时器的 CTA、产品图像和背景图像。

这是页面的底部。 它包括新闻通讯表格和产品部分，其中包含链接到产品类别的马赛克图像。 它们包括渐变叠加。 它还包括“关于”部分、一个风格化的博客部分和徽标。 每个部分都包含垂直文本。

家二

第二主页的第一部分包括用于英雄部分的全角滑块。 带有文本的图像用作商店类别的链接，图标显示信息，另一个滑块用作 CTA，产品部分在网格中显示样式产品。

第二部分展示了新产品、带有倒计时器的重叠 CTA、小型新闻通讯表单、类别 CTA 的较大图像以及一侧包含信息、另一侧包含地图的联系部分。

家三

第三个主页的第一部分包括一个全角滑块，其中带有链接到商店类别的重叠图标。 马赛克中的大图像可作为商店的 CTA。

底部显示带有倒计时器的 CTA、带有 CTA 的商店部分、博客部分和徽标。

内页

家具店 Divi WooCommerce 主题有 25 个内页来构建您的网站。 这包括所有标准页面和一些附加页面。

关于

关于页面包括一个包含信息和面包屑的小英雄部分，后面是一个包含信息的较大部分。 一组文本块显示公司信息。 团队成员包括显示在上方的社交图标。 Accordion 模块构建常见问题解答。 它还包括徽标部分。

我们的队伍

“我们的团队”页面包括带有悬停时显示的社交图标的人员模块，正如您在底行的中间模块中看到的那样。 它还在联系表旁边包含一个较小的常见问题解答。

感言

推荐页面包含许多带有悬停效果的风格推荐卡。 悬停会将卡片向下移动，更改引用图标的颜色，为图标添加背景，并在卡片底部添加一个栏。

博客

有四个博客页面可供选择，包括 2 列网格、3 列网格、左侧图像列表和右侧图像列表。 下面的示例显示了一个 3 列的博客网格。 博客卡包含可缩放图像的悬停动画。

此示例显示了一个带有右侧图像的列表。

博客文章

博客文章的布局显示特色图像、博客内容、样式侧边栏、带有与博客匹配的卡片的最新帖子以及样式评论部分。

404

404 页面显示全屏图像，并带有显示图像一部分的背景蒙版。 它还包括 404 消息和返回主页的按钮。

标头

有三个标题可供选择。 这三者都包含一个大型菜单。

第一个标题

第一个标题包括顶部栏和带有大型菜单的导航。 顶部栏包含文本 CTA。 这两个区域都包含图标。 导航位于右侧。

第二个标题

第二个标题包括三个栏。 顶部栏显示购物信息、多个 CTA 和社交媒体图标。 第二个栏包括徽标和搜索框。 导航位于底部栏中。

第三个标题

第三个标题包括两个栏。 顶部栏包含前两个标题的元素。 导航位于中心。

页脚

共有三种页脚可供选择。

第一个页脚

第一个页脚显示两个搜索框。 第一个包括 CTA 和一个小型订阅表单，然后是运输信息和多种布局的链接。

第二个页脚

第二个页脚在顶部显示运输信息，然后在底部显示链接和电子邮件表单。

第三个页脚

第三个页脚包括背景图像。 消息和电子邮件表单位于顶部，后面是链接。

家具店 Divi WooCommerce 主题 WooCommerce 页面

Furniture Shop Divi WooCommerce 主题还包括许多 WooCommerce 页面和功能。

商店页面

有三个商店页面可供选择，您可以选择带或不带侧边栏。 它们包括 AJAX 产品过滤器、AJAX 实时搜索、飞行购物车、愿望清单和快速查看弹出窗口。

商店第一页

第一个商店页面包括一个小英雄部分，后面是类别图标。 大型商店部分覆盖了页面的大部分内容。 它以针对特定类别的号召性用语结束。 商店部分包括过滤器、分页、样式化的购买按钮等。

商店第二页

第二商店页面包括两个商店部分。 首先是最新产品。 它包括一个垂直标题。 第二个是所有产品。 它包括分页。

商店第三页

第三个商店页面包括一个商店部分，并在页面底部添加带有数字计数器的 CTA。

单一产品页面布局

有几个产品页面。 它们包括有或没有侧边栏，并且有产品类型的页面。 类型包括简单、分组、变量和外部。 它们都遵循相似的设计。

简单产品类型

简单的产品类型页面包括带有框阴影的侧边栏。 它还包括相关产品。 侧边栏包括产品搜索、最近查看的产品和产品标签。 每个侧边栏模块标题下的绿线在悬停时展开。

分组产品类型

分组产品页面类型允许用户从同一页面上的多个产品中进行选择。 它还在页面底部包含相关产品。 此示例显示了更多侧边栏，包括评论。

WooCommerce 功能

WooCommerce 中还添加了许多额外功能，包括飞行购物车、AJAX 过滤器等等。 以下是一些额外的 WooCommerce 功能。

飞行车

飞行购物车是一个弹出窗口，显示购物车中的所有产品及其数量。 用户可以更改每个产品的商品数量、查看购物车页面、结帐、共享购物车并继续购物。 绿色和红色的配色方案脱颖而出。 我认为这是家具店 Divi WooCommerce 主题最有趣的功能之一。

大车

购物车本身很干净，并包含图标来显示用户在结帐过程中的位置。

愿望清单弹出窗口

当用户将项目添加到愿望清单时，会出现一个小弹出窗口确认该项目已添加。 它包括一个用于查看愿望清单的列表。

愿望清单

愿望清单页面包含与网站其他部分相同的样式，并包含社交媒体共享图标。

AJAX 搜索

产品搜索使用 AJAX，因此用户无需转到其他页面即可查看结果。 它快速且易于使用。 它显示类别和产品。 此示例显示标题中的 AJAX 搜索框。

在哪里购买家具店 Divi WooCommerce 主题

Furniture Shop Divi WooCommerce 主题可在 Divi Marketplace 购买，售价 39.99 美元。 它包括无限制使用、一年更新和支持以及 30 天退款保证。

结束思想

这是我们对 Divi 家具店 Divi WooCommerce 主题的看法。 此 Divi 儿童主题中有许多 WooCommerce 页面和功能可用。 我发现这些页面和功能很容易使用。 颜色选项可以轻松地将儿童主题与您的品牌颜色相匹配，使其看起来与原始设计不同。 如果您对 WooCommerce 儿童主题感兴趣，Furniture Shop Divi WooCommerce 主题值得一看。

我们希望听到您的意见。 您使用过家具店 Divi WooCommerce 主题吗？ 请在评论中告诉我们您的喜好。