Merchandiser – 一个快速加载的 WooCommerce WordPress 主题

已发表: 2016-06-30

WooCommerce 是 WordPress 用户最受欢迎的电子商务解决方案。 这就是为什么 WooCommerce WordPress 主题市场竞争如此激烈的原因。

市场上最新的 WooCommerce 设计之一称为 Merchandiser。

由 Get Bowtied 设计的 Merchandiser 是一种极简设计,强调速度和效率而不是不必要的功能。 目标是设计出提供您需要的所有功能的东西,而不会增加通常与 WooCommerce 设计相关的臃肿。

跟单员WordPress主题

页面加载时间和销售额之间的相关性在网上有很好的记录。 快速加载网站帮助店主在搜索引擎中产生更高的排名并帮助增加销售额。 它还改善了客户的浏览体验。

在本文中,我想仔细研究 Merchandiser 并向您展示它可以做什么。

Merchandiser 提供什么?

Merchandiser 有一个漂亮的设计,我相信你的客户会喜欢的。 您的主页有许多不同的选项,包括滑块、特色产品、博客和即将推出的模板。

一旦您开始浏览 Merchandiser 的演示区,就会发现已经非常重视为客户提供愉快的购物体验。

跟单员主页

有很多小功能,例如画布外购物车和画布外快速查看区域。 当您单击每个页面顶部的购物车图标或单击以将某些东西添加到您的购物车时,该区域将显示出来。 它允许客户在不离开页面的情况下查看他们添加的项目。

跟单员购物车

产品可以通过多种方式展示。 您可以选择是否显示侧边栏,每行显示 1 到 6 个产品。 Merchandiser 的优点在于,如果调整浏览器大小或客户在移动设备上查看页面,主题将在每行中显示更少的产品。

跟单员产品列表

产品信息页面很大,粗体,清晰。 您最喜欢的所有 WooCommerce 功能都可在此区域使用。 例如,您可以显示产品评级和标记商品。

跟单员产品信息

包含的博客模板看起来不错,与 Merchandiser 的一般风格相匹配。 我相信大多数店主都会对模板感到满意,但是作为博主,我希望看到更多博客布局添加到主题中。

跟单员博客

随着使用手机和平板电脑购物的人数每天都在增长,Merchandiser 确保移动用户拥有愉快的购物体验。

跟单员移动设计

Get Bowtied 对 Merchandiser 的编码和性能感到非常自豪,以至于他们分享了他们的 W3C HTML Validator 结果以及来自 Webpagetest 和 Pingdom 的速度测试结果。 随意检查出来。

跟单员速度测试

Merchandiser设计的质量给我留下了深刻的印象。 该主题适用于所有 WooCommerce 功能,并且包含拖放页面构建器 Visual Composer 意味着您可以轻松地设置页面样式。

如何安装跟单员

Merchandiser 附带父主题和子主题。 建议同时上传两个主题并使用子主题,这样您所做的任何修改都不会在主题更新时被覆盖。

上传 Merchandiser 并激活子主题后,您将看到一条消息,要求您安装所需的插件。 需要安装的一个必需插件称为“GetBowtied Tools”。

激活此必需插件后,您将看到一个欢迎页面,感谢您使用该主题。

跟单员欢迎页面

在下一页上,您应该输入购买 Merchandiser 后提供给您的产品激活密钥。 这样做可以确保主题可以通过 WordPress 管理区域自动更新。 这一步也是安装需要随主题一起安装的两个插件的必要步骤。

跟单员产品激活

Merchandiser 要求您安装的两个插件是 Visual Composer 和 WooCommerce。 Visual Composer 本身的零售价为 34 美元,因此很高兴看到它包含在主题中。

安装跟单插件

安装主题的演示内容将帮助您了解 Merchandiser 可以做什么。

安装演示内容

在安装演示内容之前,请务必检查系统状态以查看您的网站服务器是否已配置为导入必要的文件。

如果服务器环境设置不正确,您可能需要与您的网站主机交谈。 尽管有一些关于 PHP 时间限制和最大上传大小不够的警告,但演示内容确实为我正确安装。

检查您的系统状态

安装演示内容后,您网站的前端将看起来像主题演示。 您现在要做的就是开始添加待售产品(如果您还没有这样做的话)。

已安装商品演示内容

没有关于安装演示区实际添加到数据库的内容以及如何删除该内容的信息。 这是许多 WordPress 主题都存在的问题。

与其他 WordPress 主题相比,由于没有添加任何媒体,因此导入的数据量似乎非常少。 希望开发人员能够阐明演示在主题的未来版本中添加的内容。

如何配置跟单员

Merchandiser 的所有设置都通过 WordPress 主题定制器处理。

不幸的是,如果您激活了 Merchandizer 的子主题,您唯一可以更改的就是小部件。

带有子主题的 WordPress 主题定制器

Get Bowtied 在主题包中包含子主题这一事实突出表明他们了解使用子主题的重要性。 因此可以安全地假设这是他们需要纠正的一个小错误。

在他们这样做之前,您需要通过激活父主题来配置 Merchandizer。

激活 Merchandiser 后,您将看到 WordPress 主题定制器中列出的所有选项。 您将看到您的页眉、页脚、商店、产品页面、社交媒体等选项。

WordPress 主题定制器

尽管 Get Bowtie 营销 Merchandiser 是一个最小的主题,但您会在 WordPress 主题定制器中找到很多很棒的选项。

您的标题和导航区域还有其他可用的布局。 也有两种商店布局和两种产品页面布局。

在未来的版本中,我希望看到更多样式选项和添加更多布局。

定制您的商店

WordPress 主题定制器是修改主题的绝佳方式,因为它允许用户立即查看他们所做的更改。

您还可以使用 Visual Composer 设置页面内容区域的样式。 我在自己的网站上使用 Visual Composer 来帮助我构建时尚的内容并呈现更易于读者理解的数据。 这可以以滑块、表格或博客文章列表的形式出现。

Visual Composer 界面快速且易于使用。 使用它几分钟后,您会觉得用它创建页面很舒服。

可视化作曲界面

Visual Composer 中提供了数十种内容元素。 您可以通过 Visual Composer 可用的众多扩展之一添加数百个(检查 CodeCanyon 上的 WordPress 附加组件类别)。

这些内容元素将帮助您使您的页面栩栩如生,并增加竞争对手所没有的风格。

视觉作曲家元素列表

除了子主题未在 WordPress 主题定制器中显示选项的问题外,Merchandiser 的配置也很简单。

为了帮助扩展主题的功能,我希望看到为导出和导入设置添加的选项。 这将允许用户在测试网站上设置主题,然后将它们导入他们的实时网站。 对于为多个客户使用 Merchandiser 的网页设计公司来说,这也将使生活变得更加轻松。

最后的想法

如果您正在寻找看起来不错且加载速度快的最小 WooCommerce 设计,Merchandiser 是一个不错的选择。 我鼓励您通过查看官方主题演示来查看 Merchandiser 的实际应用。 这将使您了解主题的外观。

毫无疑问,这个主题从作品集和画廊网站中汲取灵感。 产品图片在页面中占主导地位,这意味着每个产品都会受到很多关注。 将此与每行适合数十种产品的电子商务设计进行比较。

有一些可以改进主题的方法,但是我测试的版本(1.0)除了自定义程序没有显示在子主题中之外没有任何错误,所以我期待看到明年主题的发展情况.

Merchandiser 可从 ThemeForest 获得,费用为 59 美元。 这为您提供无限的主题更新和 Get Bowtie 的六个月支持。 只需 17.70 美元,即可额外获得六个月的支持。

看看这个

凯文

[编者注:Kevin 提到的子主题和定制器的小错误已在 1.02 版本中修复。 撰写本文时的最新版本是 1.03]