Shopify 的产品类目设计

2015-11-17 20:45:05 +08:00
 hooopo
Shopify 虽然是一个非常大的电商平台,但他们的目标客户都是中小商家,也就是说 Shopify 上面的店铺一般都很小,产品种类不多。相对来说, Shopify 的店铺产品信息架构设计的比较轻,但某些方面又不失灵活性。

总体来讲, Shopify 的产品结构是这样的: Collection > Product > Variant ,即:**类目**、**产品**、**变种**三层结构。

## Product Type

Product Type 和 Product 是一对多关系,一个产品只能有一个类型,一个类型可以包含多种产品。特点是简单粗暴,让使用者容易理解。但其实这种设计带来的问题也很明显,对于像西红柿应该放到水果还是蔬菜类型下这种问题很难解决。而现实中,无论如何精心的规划产品类型,都会出现一个产品既属于 A 又属于 B 的情况。更何况,对客户来说,也分的不是那么清楚。

![Set Product Type For Product]( http://upload-images.jianshu.io/upload_images/505-be471328516bf49d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


## Custom Collection
为了解决一个产品只能有一种类型带来的困境,于是出现了 Collection 这种东西。 Shopify 这种无层级的 Collection 与其说是类目,不如称为分面( Facet )。实现上, Collection 和 Product 是通过一个中间表关联,产品和类目为多对多关系,中间表存有位置等信息为了排序。

其中, Collection 又分为 Custom Collection 和 Smart Collection 。

![custom_collection-product]( http://upload-images.jianshu.io/upload_images/505-01c2dbf465ea5445.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
> A **custom collection** is a grouping of products that a shop owner can create to make their shops easier to browse. A shop owner creates a custom collection and then selects the products that will go into it.

按 Shopify 的文档的解释, Custom Collection 就是店家自己组合的一堆产品,当然这些产品可能有着某些共同的特征(也可能没有)。下面是设置 Custom Collection 的方法:

![Create Custom Collection]( http://upload-images.jianshu.io/upload_images/505-8689cbce9e3329da.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![Set Collections For Product]( http://upload-images.jianshu.io/upload_images/505-97f9d3a962968096.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## Smart Collection
![smart_collection-product]( http://upload-images.jianshu.io/upload_images/505-589dd74a81f44670.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
Shopify 文档对 Smart Collection 的解释是:

> A **smart collection** is a grouping of products defined by simple rules set by shop owners. A shop owner creates a smart collection and then sets the rules that determine which products go in them. Shopify automatically changes the contents of smart collections based on their rules.

其实 Smart Collection 是根据产品自身属性的过滤后的一组结果。 Smart 的地方是,这些产品在条件改变(例如,价格变化)之后,后自动变更自己所属的 Collection ,当然, Smart Collection 的 Rule 修改时也同样。

顺便说一下,因为要保留产品在 Collection 里的排序信息, Smart Collection 里的产品并不是直接通过搜索条件拉出来的,这个特性的复杂度还是很高的。

下面是 Smart Collection 的设置方式(其实就是搜索条件):

![Create Smart Collection]( http://upload-images.jianshu.io/upload_images/505-459aa1baf73be258.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## Tag
Tag 这种松散、扁平的结构可以用来拟补 Collection 和 Product Type 这种太过于正式的组织方式,可能更多侧重于 SEO 效果,对于管理组织上帮助不是很大。
![Set Tags For Product]( http://upload-images.jianshu.io/upload_images/505-78129a99f1f41e4d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## Variant

SPU 和 SKU 的关系可能了解过电商的都清楚,这里就不多解释了。
![Create Variants]( http://upload-images.jianshu.io/upload_images/505-7b78dc65ff7e1e9b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

http://www.jianshu.com/p/16163f24165b
3804 次点击
所在节点    设计
1 条回复
southwolf
2015-11-18 05:55:25 +08:00
看见炮哥我就滚进来了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/236884

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX