• Topic 主题 トピック Topic Topic
  • Sign in

如何使用主题色板功能

 

“色板快速加购”功能:消费者可通过色板和其他SKU,快速定位选择SKU,并点击直接进行快速加购。此功能目前支持的主题有:Modern、Charm。

 


 

目录


 

效果展示

  1. 选中SKU后即可展示此颜色对应的图片
  2. 悬浮hover至商品卡片后即可展示商品其他sku,例如图中的尺码sku。
  3. 点击尺码sku即可直接加购,实现快速加购快速转化。

 


 

配置步骤

  1. 在商品管理页面,设置多规格商品。支持使用“色板快速加购”功能的商品需要同时满足两个
    (1)该商品某款式有「颜色」规格;如C端语言为英语,则规格名需要为“color”,如果C端语言为中文,则规格名称需要为“颜色”;
    (2)该商品总共只能有两个商品规格。(如果超过两个商品规格,则仅展示色板,hover商品卡片后展示快速加购按钮,无法展示出sku选项)
    (3)色板显示方式:色板按照颜色规格顺序展示,依据英文单词(支持大小写)匹配颜色,如果匹配到则选择具体颜色;如果未匹配到则显示兜底图片/颜色。支持匹配的英文单词见颜色对照表
  2. 【主题设置】>【商品】中开启【色板快速加购】开关;开启后,颜色规格以色板的方式显示,另​​一个规格则在鼠标悬停于商品信息上时显示其属性值;顾客选择好商品颜色与另一规格属性后,即可将商品快速加入购物车。注意:商品详情页色板展示方式需要到商品详情页面配置中设置。

  3. 您可以配置【色板样式】为「方形」或「圆形」,或者配置色值最大显示数量为1~6个。(超出的色值数会显示「+N」,N为「商品色值数-最大显示数」)

 

颜色对照表

1. 标准颜色

基本颜色具有标准、易记的名字:

关键字 RGB 十六进制值 样例
black #000000  
silver #c0c0c0  
gray #808080  
white #ffffff  
maroon #800000  
red #ff0000  
purple #800080  
fuchsia #ff00ff  
green #008000  
lime #00ff00  
olive #808000  
yellow #ffff00  
navy #000080  
blue #0000ff  
teal #008080  
aqua #00ffff  

2. 除上述 16 种颜色外,另外约有 150 种颜色有与之关联的关键字:

关键字 RGB 十六进制值 样例
aliceblue #f0f8ff  
antiquewhite #faebd7  
aqua #00ffff  
aquamarine #7fffd4  
azure #f0ffff  
beige #f5f5dc  
bisque #ffe4c4  
black #000000  
blanchedalmond #ffebcd  
blue #0000ff  
blueviolet #8a2be2  
brown #a52a2a  
burlywood #deb887  
cadetblue #5f9ea0  
chartreuse #7fff00  
chocolate #d2691e  
coral #ff7f50  
cornflowerblue #6495ed  
cornsilk #fff8dc  
crimson #dc143c  
cyan #00ffff(与 aqua 同义)  
darkblue #00008b  
darkcyan #008b8b  
darkgoldenrod #b8860b  
darkgray #a9a9a9  
darkgreen #006400  
darkgrey #a9a9a9  
darkkhaki #bdb76b  
darkmagenta #8b008b  
darkolivegreen #556b2f  
darkorange #ff8c00  
darkorchid #9932cc  
darkred #8b0000  
darksalmon #e9967a  
darkseagreen #8fbc8f  
darkslateblue #483d8b  
darkslategray #2f4f4f  
darkslategrey #2f4f4f  
darkturquoise #00ced1  
darkviolet #9400d3  
deeppink #ff1493  
deepskyblue #00bfff  
dimgray #696969  
dimgrey #696969  
dodgerblue #1e90ff  
firebrick #b22222  
floralwhite #fffaf0  
forestgreen #228b22  
fuchsia #ff00ff  
gainsboro #dcdcdc  
ghostwhite #f8f8ff  
gold #ffd700  
goldenrod #daa520  
gray #808080  
green #008000  
greenyellow #adff2f  
grey #808080(与 gray 同义)  
honeydew #f0fff0  
hotpink #ff69b4  
indianred #cd5c5c  
indigo #4b0082  
ivory #fffff0  
khaki #f0e68c  
lavender #e6e6fa  
lavenderblush #fff0f5  
lawngreen #7cfc00  
lemonchiffon #fffacd  
lightblue #add8e6  
lightcoral #f08080  
lightcyan #e0ffff  
lightgoldenrodyellow #fafad2  
lightgray #d3d3d3  
lightgreen #90ee90  
lightgrey #d3d3d3  
lightpink #ffb6c1  
lightsalmon #ffa07a  
lightseagreen #20b2aa  
lightskyblue #87cefa  
lightslategray #778899  
lightslategrey #778899  
lightsteelblue #b0c4de  
lightyellow #ffffe0  
lime #00ff00  
limegreen #32cd32  
linen #faf0e6  
magenta #ff00ff(与 fuchsia 同义)  
maroon #800000  
mediumaquamarine #66cdaa  
mediumblue #0000cd  
mediumorchid #ba55d3  
mediumpurple #9370db  
mediumseagreen #3cb371  
mediumslateblue #7b68ee  
mediumspringgreen #00fa9a  
mediumturquoise #48d1cc  
mediumvioletred #c71585  
midnightblue #191970  
mintcream #f5fffa  
mistyrose #ffe4e1  
moccasin #ffe4b5  
navajowhite #ffdead  
navy #000080  
oldlace #fdf5e6  
olive #808000  
olivedrab #6b8e23  
orange #ffa500  
orangered #ff4500  
orchid #da70d6  
palegoldenrod #eee8aa  
palegreen #98fb98  
paleturquoise #afeeee  
palevioletred #db7093  
papayawhip #ffefd5  
peachpuff #ffdab9  
peru #cd853f  
pink #ffc0cb  
plum #dda0dd  
powderblue #b0e0e6  
purple #800080  
rebeccapurple #663399  
red #ff0000  
rosybrown #bc8f8f  
royalblue #4169e1  
saddlebrown #8b4513  
salmon #fa8072  
sandybrown #f4a460  
seagreen #2e8b57  
seashell #fff5ee  
sienna #a0522d  
silver #c0c0c0  
skyblue #87ceeb  
slateblue #6a5acd  
slategray #708090  
slategrey #708090  
snow #fffafa  
springgreen #00ff7f  
steelblue #4682b4  
tan #d2b48c  
teal #008080  
thistle #d8bfd8  
tomato #ff6347  
turquoise #40e0d0  
violet #ee82ee  
wheat #f5deb3  
white #ffffff  
whitesmoke #f5f5f5  
yellow #ffff00  
yellowgreen #9acd32  

 


 

如何联系我们

SHOPLINE 拥有专业的本地支持团队,为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台官方网站的实时客服来寻求 SHOPLINE 的帮助。
*如有 SHOPLINE 功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!

 


  

还有其它问题?提交请求

评论