Sales Mart – WooCommerce Divi 子主题概述

PennyBlack Templates 的 Sales Mart Divi 子主题专为 WooCommerce 网站和博客设计。 它带有许多专为在线销售设计的页面和特殊功能。 在本文中，我们将查看 Sales Mart 的页面和功能，以帮助您确定它是否适合您的网站的 Divi 子主题。

安装 Sales Mart Divi 子主题

安装 Sales Mart Divi 子主题很简单。 它确实需要几个步骤。 首先，激活 Divi 后，像任何 WordPress 主题一样上传和激活子主题。

激活后，您将看到一条消息，其中包含安装所需插件的链接。 安装并激活它们。 这补充说：

• WooCommerce 菜单栏购物车
• Yith WooCommerce 快速查看
• Yith WooCommerce 愿望清单

一些插件确实需要一些设置，但很容易做到。

插件激活后，您可以导入演示数据。 等待演示导入，然后您的网站将看起来像包含页面、菜单和产品的演示。

除了页脚之外，所有内容都与演示相匹配。 我的有默认小部件，我在导入演示后将其删除。 我还必须选择正确的菜单、启用愿望清单和购物车。

Sales Mart Divi 子主题标题功能

标题是使用 Divi Builder 创建的。 几个页面包括面包屑。

销售市场标题

全局标题包括两个部分。 第一个显示文本、简介和社交媒体关注模块。 第二个显示全角菜单。

全局标题还包括一个带有商品数量和总价的购物车。 这是通过 WooCommerce 菜单栏购物车插件添加的。

销售市场面包屑

大多数页面都包含带有背景图像、标题和面包屑的标题。

Sales Mart Divi 子主题页面

Sales Mart 添加了 31 个页面，包括 5 个主页、3 个博客页面和 2 个关于页面、商店页面、团队页面、推荐页面、购物车页面等等。 这是我见过的为数不多的带有 500 个内部服务器错误页面的 Divi 子主题之一。 它还包括一个 404 页面、即将推出的页面和维护页面。 让我们来看看其中的几个。

销售市场主页

这五个主页有一些共同点和独特之处。 我将展示第一个的细节，然后看看其他的有什么不同。

Sales Mart Home 静态

默认情况下设置主页。 它包括一个全局标题和一个全宽背景图像，前景中有一个 CTA。 CTA 包括一个用于商店页面的按钮。

各种商店类别的 CTA 显示带有描述和商店链接的图像。

最近的产品显示在棕褐色背景上的 4 列中。 标题包括创建样式下划线的图像。 样式卡显示 WooCommerce 产品。 Yith Wishlist 将在 Add to Cart 链接下添加愿望清单链接。

倒数计时器展示了一个有两列的销售产品。 图像包括样式边框。

畅销产品以 3 列显示。 此部分与最近的产品部分相匹配。

全角 CTA 显示背景图像并在左侧放置一个商店按钮。

销售 CTA 在 2 列中显示图像，包括有关销售的信息和商店链接。

推荐滑块显示一个深色背景图像，并在前景中显示一个人的圆圈图像，他们的证词。 它们包括箭头和点导航。

新闻部分看起来像博客卡片。 它由图像、简介和文本模块构建而成。 日期和类别显示图标。

客户徽标显示在 5 列中。

Sales Mart Home 视差

视差主页的英雄部分显示视差背景图像。 下一部分显示带有商店页面按钮的产品图像。

产品类别的图像以多列布局显示。 它们包括标题和链接。

全角 CTA 显示有关销售的信息，并包括一个指向商店的按钮。

销售市场首页表格

表单主页在英雄部分显示报价表单。 其他一切都与静态主页相匹配。

Sales Mart 主页滑块

滑块主页在英雄部分显示全宽滑块。 它有箭头和点导航。 每张幻灯片都有一个类别标题和一个指向商店的链接。 它还包括视差主页的多列产品布局。

Sales Mart 家庭视频

视频主页在英雄部分显示背景视频。 前景显示标题和按钮。 它还包括视差主页的第二部分。

Sales Mart Divi 儿童主题商店页面和功能

Sales Mart 包括所有预期的 WooCommerce 页面，例如商店页面、购物车、结帐和帐户。 它还添加了一个愿望清单页面。 每一个的风格都与网站相匹配。 其中一些包括 Bloom 的短代码。

Yith 快速浏览

Yith Quickview 插件添加了产品灯箱功能。 单击产品快速视图会打开一个包含信息和添加到购物车链接的灯箱。 将鼠标悬停在图像上会放大图像容器并用鼠标滚动。 单击图像会在灯箱中打开它。

Sales Mart 商店清单

商店列表是商店页面。 它显示带有面包屑的标题、带有样式的 WooCommerce 产品以及带样式的侧边栏。 我确实需要选择页面并添加小部件。

销售市场产品页面

产品页面与站点匹配并包含相关产品和产品侧边栏。 您还会看到一个将产品添加到您的愿望清单的链接或一条说明它在您的愿望清单中的说明。

销售市场愿望清单

这将您的愿望清单显示为表格。 项目符号和按钮的样式与站点相匹配。 此页面还添加了社交按钮，用于在社交媒体上分享您的愿望清单。

Sales Mart 关于我们页面

第一个关于我们页面显示一个小部分，一侧是信息，另一侧是图像。 全角部分在一侧显示图像，在另一侧显示数字计数器。 团队部分显示了四名团队成员的图片、他们的姓名和头衔。 该页面还包括客户徽标。

第二个关于我们页面包含一个部分，说明为什么选择我们。 它在一侧显示一个滑块，在另一侧显示带有图标的简介。 数字计数器放置在四个图像上。 团队成员拥有更大的带有社交按钮的人员模块。 图像在悬停时向下滑动。 CTA 是使用文本模块创建的。

销售市场团队页面

第一个团队页面显示带有悬停动画的样式人员模块。 我将鼠标悬停在右侧的模块上。 第二部分是带有数字计数器的全宽部分。

第二个团队页面为人员模块添加了不同的样式。 我将鼠标悬停在一个上以显示社交按钮。 它还添加了一个带有酒吧柜台的部分，用于技能和图像。

Sales Mart 推荐页面

第一个推荐页面显示推荐滑块和图像。 滑块与主页匹配，但位于较小的列中。

第二个推荐页面显示不同类型的滑块。 它将图像放置在幻灯片的顶部并与滑块重叠。 这是通过 CSS 类完成的。

页面底部显示另一种没有图像的推荐滑块。 两者都是使用标准滑块模块创建的。

销售市场常见问题页面

常见问题页面一侧显示手风琴，另一侧显示文本。 以交替布局和浅灰色或白色背景显示。

Sales Mart 博客页面

包括三种不同的博客布局和一个风格化的帖子页面。

Sales Mart 博客列表

博客列表页面在带有侧边栏的单列中显示帖子。 该页面还包括带有面包屑的标题。 帖子、旧条目按钮和侧边栏的样式与站点相匹配。

Sales Mart 博客两列网格页面

两列网格页面将帖子放在两列中，不包括侧边栏。

Sales Mart 博客三栏网格页面

三列网格将帖子放在三列中，没有侧边栏。

Sales Mart 博客文章

博客文章包括与博客列表页面相匹配的样式并包括侧边栏。

销售市场联系我们页面

“联系我们”页面在表单旁边显示联系信息。 在页面底部，您会找到一张全角地图，用于显示前往该位置的路线。

购买 Sales Mart Divi 儿童主题

您可以在 Divi 市场中以 49 美元的价格购买 Sales Mart Divi 子主题。 它包括无限的网站使用和一年的更新和支持。

结束的想法

这就是我们对 PennyBlack 模板中 Sales Mart Divi 子主题的看法。 这个子主题中的许多页面和功能使其成为任何类型的 WooCommerce 商店的理想选择。 对于想要添加在线购物的博客来说，这也是一个不错的选择。 安装后需要设置一些东西，但它们并不难。 额外的功能很好用，可以帮助商店脱颖而出。 如果您正在寻找专注于 WooCommerce 的 Divi 子主题，这是一个不错的选择。

我们希望听到您的意见。 您是否尝试过 Sales Mart Divi 子主题？ 请在评论中告诉我们您对此的看法。

精选图片来自 Newgate666/shutterstock.com