首页 技术教程 Shopyy如何配置商品色卡?

Shopyy如何配置商品色卡?

Shopyy后台是可以单独给商品配置色卡的,这样可以让商品详情页使用的颜色或者SKU的图片进行替换展示,适用于颜色类的属性值,方便客户直观的看到商品可选颜色样式,接下来就来详细介绍一下Shopyy如何配置商品色卡?

1、模板装修

在店铺后台进行模板装修,在【全局配置】中选择【商品】,可以看到对应色卡的配置及色卡样式;

在【商品详情页】中可以看到实际效果预览;

商品详情页

2.添加色卡属性值

在色卡中输入商品对应的款式名称,如color。添加后当商品款式包含此项时,则会生效色卡功能,如果有多个不同的颜色款式,款式名称可以添加多个。(每个商品仅支持展示一个款式为色卡,如果一个商品包含多个配置的色卡值时,则会使用排序最前的款式名称);

添加色卡属性值

3.配置色卡样式

当色卡值生效后,可以选择详细的色卡样式,目前支持三种样式:仅图片,图片+文字,颜色。

仅图片色卡会使用此SKU的第一张图片;

配置色卡样式

注:如示例款式中包含:绿色/大号,绿色/小号两款SKU及图片时,则会使用排序靠前的绿色/大号的SKU图片;

配置色卡样式

色卡+文字则会展示SKU图及款式名称;

款式名称

颜色会自动根据款式名称进行匹配颜色样式;

匹配颜色样式

4.颜色色卡

如使用颜色色卡的样式,系统会自动识别款式中的颜色值,系统默认支持英文识别(具体参照值可以查看;https://www.w3school.com.cn/html/html_colornames.asp)。如果有颜色值对应出现问题或需要其他多语言的翻译,可以通过在店铺设置-系统设置-自定义脚本中创建【自定义脚本】的方法修改对应的文本和颜色映射关系。

颜色色卡

5.颜色色卡修改对应文本脚本

在新建的自定义脚本中选择类型为【页面】,选择显示页面为【所有页面】,其他为默认值即可;

颜色色卡修改对应文本脚本

6.自定义脚本内容

在自定义脚本内容中,编辑对应规则的内容即可,如:

<script>

var _sku_color_ = {

“绿色”:”green”,

“蓝色”:”blue”,

}

</script>

其中“green”为参考站点中的颜色英文名称(此值也可以直接使用颜色的十六进制颜色值,如#008000),“绿色”则为需要修改的对应的文本;

7.修改款式及颜色映射关系

自定义脚本添加完成后,颜色色卡则可以识别中文的颜色。

修改款式及颜色映射关系

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
为您推荐
Wise开户注册
Wise收款教程:跨境卖家从开户注册到到账核对怎么操作
Wise收款教程适合已经开始接外贸订单、需要管理多币种回款的卖家阅读。下面按开户注册、账户资料、收款信息、到账核对和团队...
Sif关键词
Sif关键词怎么用?亚马逊竞品流量词反查教程
Sif关键词适合亚马逊卖家做竞品分析、Listing优化和广告选词。使用时可从竞品ASIN入手,查看产品在自然搜索、PP...
芒果店长订单处理教程
芒果店长ERP订单处理教程:多平台订单导入、发货与异常核对怎么做
芒果店长ERP订单处理教程适合同时经营多个跨境平台、希望把订单集中处理的卖家。本文以日常运营流程为主,说明从店铺授权、订...
开户前先准备主体和店铺资料
iPayLinks艾贝盈收款教程:跨境卖家如何开通账户并核对到账金额
iPayLinks艾贝盈收款教程适合需要统一管理多平台、多币种回款的跨境卖家。本文围绕服务商表中真实存在的收款服务商 i...
店匠Shoplazza商品上架与支付设置流程,独立站新店如何跑通首单
店匠Shoplazza商品上架与支付设置流程,独立站新店如何跑通首单
店匠Shoplazza教程更适合从首单链路开始做,而不是一上来堆满装修细节。对刚准备做独立站的跨境卖家来说,先把商品、支...
返回顶部
科灯导航