網(wǎng)站中有些產(chǎn)品顏色信息無法正確顯示，如下：
錯誤顯示例1
錯誤顯示例2
以下步驟以Wine red(酒紅色) 為例：
!!! 注:開始前請檢查您負(fù)責(zé)的網(wǎng)站是否對彩色產(chǎn)品信息的顯示做過調(diào)整，如果沒有，請先完成這篇教程：http://www.reibang.com/p/bc9951b7da76
首先詢問UI獲得該顏色對應(yīng)的十六進(jìn)制顏色碼，如wine red 的顏色碼為：#722326
然后打開shopify后臺 -- 依次點(diǎn)擊 Online Store -- Actions -- Edit Code -- 搜索并打開product-form.liquid权薯，將目標(biāo)代碼放置在目標(biāo)位置：
目標(biāo)代碼：
{%- elsif downcase_value == 'wine red'-%}
<label for="option-{{ section.id }}-{{ forloop.parentloop.index0 }}-{{ forloop.index0 }}" class="ColorSwatch ColorSwatch--large data-tooltip="{{ value | escape }}" style="background-color:#722326;">
<span class="u-visually-hidden">{{ value }}</span>
</label>
目標(biāo)位置：
image.png
注：請將目標(biāo)代碼放在if-else之間姑躲，如果你的目標(biāo)位置中不存在multicolor相關(guān)代碼，請先根據(jù)http://www.reibang.com/p/bc9951b7da76這篇教程設(shè)置好彩色顏色的顯示盟蚣。
以上是針對wine red顏色的修改黍析，如需增加其他顏色：
例如再需增加dark yellow，則需要修改目標(biāo)代碼中downcase_value后的顏色名稱以及background-color后的十六進(jìn)制顏色碼屎开，然后將代碼添加到相同位置橄仍。
注意不要替換掉上一段代碼，而是在相同位置疊加牍戚。
以上是產(chǎn)品詳情頁的顏色顯示修改步驟，如果您負(fù)責(zé)的網(wǎng)站列表頁也有顯示產(chǎn)品顏色信息（如下圖顯示）虑粥，那么請繼續(xù)以后步驟的修改：
列表頁展示產(chǎn)品顏色信息
- 然后打開shopify后臺 -- 依次點(diǎn)擊 Online Store -- Actions -- Edit Code -- 搜索并打開product-item.liquid如孝，將目標(biāo)代碼放置在目標(biāo)位置：
目標(biāo)代碼：
{%- elsif color_final_name == 'wine red'-%}
<label class="ColorSwatch ColorSwatch--small" for="{{ color_id }}" style="background-color:#722326;" title="{{ value | escape }}" data-tooltip="{{ value | escape }}"></label>
目標(biāo)位置：
image.png
以上是針對wine red顏色的修改，如需增加其他顏色：
例如再需增加dark yellow娩贷，則需要修改目標(biāo)代碼中color_final_name后的顏色名稱以及background-color后的十六進(jìn)制顏色碼第晰，然后將代碼添加到相同位置。
注意不要替換掉上一段代碼彬祖，而是在相同位置疊加茁瘦。
因?yàn)闊o法統(tǒng)計網(wǎng)站中不能顯示的顏色共有哪些，所以麻煩各網(wǎng)站負(fù)責(zé)人及時發(fā)現(xiàn)及時更新储笑。
操作中遇到困難請聯(lián)系技術(shù)部同事甜熔。
有任何意見建議請聯(lián)系技術(shù)部同事。
??
