社區(qū) 發(fā)現(xiàn) Shopify shopify產(chǎn)品描述拆分為短秒速、長描...
shopify產(chǎn)品描述拆分為短秒速、長描述：對于產(chǎn)品頁面包含大量產(chǎn)品內(nèi)容，圖像或視頻時，將描述進(jìn)行拆分效果比較好
發(fā)帖3次
被置頂0次
被推薦0次
質(zhì)量分1星
回帖互動4次
歷史交流熱度5.88%
歷史交流深度0%
在大多數(shù)模板中，產(chǎn)品描述均位于產(chǎn)品頁加購按鈕之下。但是對于產(chǎn)品頁面包含大量產(chǎn)品內(nèi)容，圖像或視頻時，將描述進(jìn)行拆分效果比較好。本文將展示如何將shopify產(chǎn)品描述拆分為兩部分。
例如Brooklyn模板中的原始產(chǎn)品描述如下圖，產(chǎn)品描述全在頁面右側(cè)
修改之后的產(chǎn)品描述如下圖
修改教程
第一步:
在shopify后臺，在線商店-->模板-->點擊編輯代碼
在section文件夾中找到?product-template.liquid?文件，這是我們需要編輯的文件。
然后在product-template.liquid中找到以下代碼行，
并將其替換為以下代碼：
由于模板不同，具體樣式需要進(jìn)行細(xì)微調(diào)整。
第二步：
轉(zhuǎn)到需要拆分描述的產(chǎn)品，然后在描述區(qū)域中選擇?< >?符號“顯示HTML”視圖：
然后在html視圖中，將????添加到描述需要拆分的地方。
注意：如果在代碼視圖中以外的任何地方輸入<！– split –>，否則此功能將失效。另外，split分割標(biāo)簽不會出現(xiàn)在內(nèi)容編輯器中；您必須在代碼視圖中才能看到它。
例如Brooklyn模板中的原始產(chǎn)品描述如下圖，產(chǎn)品描述全在頁面右側(cè)
修改之后的產(chǎn)品描述如下圖
修改教程
第一步:
在shopify后臺，在線商店-->模板-->點擊編輯代碼
在section文件夾中找到?product-template.liquid?文件，這是我們需要編輯的文件。
然后在product-template.liquid中找到以下代碼行，
{{ product.description }}
并將其替換為以下代碼：
{{ product.description | split: '' | first }}
{% if product.description contains "" %}
{{ product.description | split: '' | last }}
{% endif %}
由于模板不同，具體樣式需要進(jìn)行細(xì)微調(diào)整。
第二步：
轉(zhuǎn)到需要拆分描述的產(chǎn)品，然后在描述區(qū)域中選擇?< >?符號“顯示HTML”視圖：
然后在html視圖中，將????添加到描述需要拆分的地方。
注意：如果在代碼視圖中以外的任何地方輸入<！– split –>，否則此功能將失效。另外，split分割標(biāo)簽不會出現(xiàn)在內(nèi)容編輯器中；您必須在代碼視圖中才能看到它。
倒計時：
3 個回復(fù)
疤六 - 花有重開日 人無再少年
贊同來自: 順蒔針遺莣