Shopify二次開(kāi)發(fā)-根據(jù)選擇的變體更改描述
Shopify 中根據(jù)選擇的變體更改描述的好處：
提高用戶體驗(yàn)：當(dāng)用戶選擇不同的變體時(shí)，通過(guò)更改描述，能夠提供更具體的產(chǎn)品信息和詳細(xì)的描述，幫助客戶更好地了解產(chǎn)品，更加自信地進(jìn)行購(gòu)買決策。
優(yōu)化商品展示：根據(jù)不同的變體更改描述，能夠更好地突出產(chǎn)品的不同特點(diǎn)和優(yōu)點(diǎn)，從而促進(jìn)銷售。
更好的產(chǎn)品展示：變體描述的更改可以提高產(chǎn)品的形象，使其看起來(lái)更具吸引力和專業(yè)。
減少退貨率：如果客戶在購(gòu)買前了解了更多的產(chǎn)品信息，并且與產(chǎn)品實(shí)際符合，則減少了退貨或退款的風(fēng)險(xiǎn)，從而對(duì)商家和客戶都有益處。
增加產(chǎn)品銷量：通過(guò)支持不同的變體并更改商品描述，能夠吸引更多的客戶，并促進(jìn)更多的銷售。
瀏覽地址https://easy-devs.myshopify.com/，密碼zsx.
如何在 Shopify 中根據(jù)選擇的變體更改描述
步驟1：
從 Shopify 管理面板轉(zhuǎn)到設(shè)置> 客戶數(shù)據(jù)> 多屬性> 添加定義。
名稱：產(chǎn)品變體描述
命名空間和密鑰：productVariant.desc
+類型選擇：多行文本
點(diǎn)擊保存
步驟2：
從 Shopify 管理面板轉(zhuǎn)到產(chǎn)品> 選擇一個(gè)多屬性產(chǎn)品> 編輯多屬性> 添加變體描述文案
步驟3：
從 Shopify 管理面板轉(zhuǎn)到模板> 編輯代碼?
1. 添加分區(qū)文件 > 文件名metafieid-arr
2.?metafieid-arr文件添加代碼
{% comment %} 獲取元字段內(nèi)容 {% endcomment %}
[
{%- for variant in product.variants -%}
? {"id": {{ variant.id | json }}, "desc": {{ variant.metafields.productVariant.desc | strip_newlines | json }}}
? {% unless forloop.last %},{% endunless %}
{%- endfor -%}
]
3.? 打開(kāi) main-product 文件 > 添加代碼
在?<div class="product product--{{ section.settings.media_size }} 上方添加代碼
搜索? product__description?類> 添加代碼
4. 使用第三部添加的代碼
在搜索 product__info-wrapper 類，在標(biāo)簽中添加自定義屬性
data-metafield-arr='{{ metafieldArr }}'
5.? 打開(kāi) global.js 文件 > 搜索 onVariantChange 文案 > 添加代碼
新增 updateDesc 函數(shù) ，使用updateDesc?函數(shù)
盡管這些主題的類名可能不同，但是代碼適用于所有主題。如果有困難，我很樂(lè)意協(xié)助您找到代碼的位置。如果對(duì)你有幫助，請(qǐng)給我們點(diǎn)贊投幣 + 關(guān)注！。
結(jié)論
對(duì)于擁有多屬性產(chǎn)品的店鋪來(lái)說(shuō)，添加變體描述是必不可少的，因?yàn)檫@樣可以展示您想要的信息。希望我們提供的信息可以為您帶來(lái)幫助。
