shopify添加到購物車按鈕隱藏和顯示步驟-ESG跨境

shopify添加到購物車按鈕隱藏和顯示步驟

shopify新聞
shopify新聞
2022-03-28
點(diǎn)贊icon 0
查看icon 1215

禁用購物車


模板,不適用于“Online Store 2.0”模板。

  • 找到您的模板架構(gòu)版本

  • 探索“Online Store 2.0”模板自定義


您可以在店面中隱藏添加到購物車按鈕,并在將來再次顯示這些按鈕。

備注:此自定義設(shè)置與動態(tài)結(jié)賬按鈕不兼容。如果您的模板支持動態(tài)結(jié)賬,請按照在產(chǎn)品頁面上隱藏動態(tài)結(jié)賬按鈕的步驟來阻止顯示按鈕。

分區(qū)模板和未分區(qū)模板

備注:本教程的步驟將根據(jù)您使用的是分區(qū)模板還是未分區(qū)模板而有所不同。分區(qū)模板支持通過拖放來安排主頁的布局,未分區(qū)模板則不支持。

如果想了解您的模板是否支持分區(qū),請轉(zhuǎn)到模板的編輯代碼頁面。如果 Sections 目錄中有文件,您則正在使用已分區(qū)模板。未分區(qū)模板是在 2016 年 10 月之前發(fā)布的,并且 Sections 目錄中沒有文件。

如果您使用已分區(qū)模板,請點(diǎn)擊 Sectioned themes(已分區(qū)模板)按鈕并按照說明進(jìn)行操作。如果您使用較舊的未分區(qū)模板,請點(diǎn)擊 Non-sectioned themes(未分區(qū)模板)按鈕并按照說明進(jìn)行操作。

PC:

  1. 在 Shopify 后臺中,轉(zhuǎn)到在線商店 > 模板

  2. 找到要編輯的模板,然后點(diǎn)擊操作 > 編輯代碼

  1. 在 Sections 目錄中,點(diǎn)擊打開 product-template.liquid 文件。查找添加到購物車按鈕對應(yīng)的 HTML 代碼。您可以首先搜索 cart 一詞。

“添加到購物車”按鈕的代碼因模板而異。請查找包含 Add to cart、AddToCart 或 add-to-cart 等類似文本的 <input> 或 <button> 標(biāo)記。

蘋果系統(tǒng):

  1. 在 Shopify 后臺中,轉(zhuǎn)到 > 模板。

  2. 找到要編輯的模板,然后點(diǎn)擊操作 > 編輯代碼。

  1. 在 Sections 目錄中,點(diǎn)擊打開 product-template.liquid 文件。查找添加到購物車按鈕對應(yīng)的 HTML 代碼。您可以首先搜索 cart 一詞。

“添加到購物車”按鈕的代碼因模板而異。請查找包含 Add to cart、AddToCart 或 add-to-cart 等類似文本的 <input> 或 <button> 標(biāo)記。

安卓系統(tǒng):

  1. 在 Shopify 后臺中,轉(zhuǎn)到在線商店 > 模板。

  2. 找到要編輯的模板,然后點(diǎn)擊操作 > 編輯代碼。

  1. 在 Sections 目錄中,點(diǎn)擊打開 product-template.liquid 文件。查找添加到購物車按鈕對應(yīng)的 HTML 代碼。您可以首先搜索 cart 一詞。

“添加到購物車”按鈕的代碼因模板而異。請查找包含 Add to cart、AddToCart 或 add-to-cart 等類似文本的 <input> 或 <button> 標(biāo)記。

在 Debut 模板中,“添加到”按鈕的代碼如下所示:

<button type="submit" name="add"  {% unless current_variant.available %}disabled="disabled"{% endunless %} Default Title' %} product-form__cart-submit--small{% endif %}">      <span >        {% unless current_variant.available %}          {{ 'products.product.sold_out' | t }}        {% else %}          {{ 'products.product.add_to_cart' | t }}        {% endunless %}      </span>    </button>
  1. 找到代碼后,將它放入 Liquid {% comment %} 和 {% endcomment %} 標(biāo)記之間。這將會阻止該代碼在您的商店中顯示,但如果您想稍后更改您的新模板,您可以輕松將其恢復(fù)。

Using the example above, the new code would look like this: ``` liquid {% comment %} <button type="submit" name="add"  {% unless current_variant.available %}disabled="disabled"{% endunless %} Default Title' %} product-form__cart-submit--small{% endif %}">   <span >     {% unless current_variant.available %}       {{ 'products.product.sold_out' | t }}     {% else %}       {{ 'products.product.add_to_cart' | t }}     {% endunless %}   </span> </button> {% endcomment %}


for the add to cart button varies theme to theme. Look for an <input> or <button> tag with text like Add to cartAddToCart, or add-to-cart.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme you want to edit, and then click Actions > Edit code.

  1. In the Sections directory, click to open your product-template.liquid file. Find the HTML code for the Add to cart button. You can search for the word cart as a start.

The code for the add to cart button varies theme to theme. Look for an <input> or <button> tag with text like Add to cartAddToCart, or add-to-cart.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme you want to edit, and then click Actions > Edit code.

  1. In the Sections directory, click to open your product-template.liquid file. Find the HTML code for the Add to cart button. You can search for the word cart as a start.

The code for the add to cart button varies theme to theme. Look for an <input> or <button> tag with text like Add to cartAddToCart, or add-to-cart.

In the Debut theme, the add to cart button code looks like this:

   <button type="submit" name="add"  {% unless current_variant.available %}disabled="disabled"{% endunless %} Default Title' %} product-form__cart-submit--small{% endif %}">      <span >        {% unless current_variant.available %}          {{ 'products.product.sold_out' | t }}        {% else %}          {{ 'products.product.add_to_cart' | t }}        {% endunless %}      </span>    </button>
  1. When you find the code, wrap it in Liquid {% comment %} and {% endcomment %} tags. This will stop the code from being shown on your store, but will let you easily put it back if you want to change your new template later.

    Using the example above, the new code would look like this:

    {% comment %} <button type="submit" name="add"  {% unless current_variant.available %}disabled="disabled"{% endunless %} Default Title' %} product-form__cart-submit--small{% endif %}">   <span >     {% unless current_variant.available %}       {{ 'products.product.sold_out' | t }}     {% else %}       {{ 'products.product.add_to_cart' | t }}     {% endunless %}   </span> </button> {% endcomment %}
    duct page.

  1. Click Save to confirm your changes.

When you are ready to show your Add to cart buttons again, go back to your product-template.liquid file on the Edit HTML/CSS page, remove the {% comment %} and {% endcomment %} tags, and click Save.



特別聲明:以上文章內(nèi)容僅代表作者本人觀點(diǎn),不代表ESG跨境電商觀點(diǎn)或立場。如有關(guān)于作品內(nèi)容、版權(quán)或其它問題請于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。

搜索 放大鏡
韓國平臺交流群
加入
韓國平臺交流群
掃碼進(jìn)群
歐洲多平臺交流群
加入
歐洲多平臺交流群
掃碼進(jìn)群
美國賣家交流群
加入
美國賣家交流群
掃碼進(jìn)群
ESG跨境專屬福利分享群
加入
ESG跨境專屬福利分享群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進(jìn)群
亞馬遜跨境增長交流群
加入
亞馬遜跨境增長交流群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
ESG獨(dú)家招商-PHH GROUP賣家交流群
加入
ESG獨(dú)家招商-PHH GROUP賣家交流群
掃碼進(jìn)群
2025跨境電商營銷日歷
《Coupang自注冊指南》
《eMAG知識百科》
《TikTok官方運(yùn)營干貨合集》
《韓國節(jié)日營銷指南》
《開店大全-全球合集》
《TikTok綜合運(yùn)營手冊》
《TikTok短視頻運(yùn)營手冊》
《TikTok直播運(yùn)營手冊》
《TikTok全球趨勢報告》
通過ESG入駐平臺,您將解鎖
綠色通道,更高的入駐成功率
專業(yè)1v1客戶經(jīng)理服務(wù)
運(yùn)營實操指導(dǎo)
運(yùn)營提效資源福利
平臺官方專屬優(yōu)惠
聯(lián)系顧問

平臺顧問

平臺顧問 平臺顧問

微信掃一掃
馬上聯(lián)系在線顧問

icon icon

小程序

微信小程序

ESG跨境小程序
手機(jī)入駐更便捷

icon icon

返回頂部

【免費(fèi)領(lǐng)取】全球跨境電商運(yùn)營干貨 關(guān)閉
進(jìn)行中
進(jìn)行中
2025跨境電商營銷日歷
包括傳統(tǒng)中、外重要節(jié)日及重點(diǎn)電商營銷節(jié)點(diǎn)還對營銷關(guān)鍵市場、選品輔以說明,讓你的365天安排的明明白白!
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
【平臺干貨】eMAG知識百科
涵蓋從開店到大賣6個板塊:開店、運(yùn)營、廣告、選品、上架、物流
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
TikTok運(yùn)營必備干貨包
包含8個TikTok最新運(yùn)營指南(市場趨勢、運(yùn)營手冊、節(jié)日攻略等),官方出品,專業(yè)全面!
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國coupang平臺自注冊指南
韓國Coupang電商平臺從注冊準(zhǔn)備、提交申請到完成注冊,開店全流程詳細(xì)指引。
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——全球合集
涵括全球100+個電商平臺的核心信息,包括平臺精煉簡介、競爭優(yōu)勢、熱銷品類、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國電商節(jié)日營銷指南
10+韓國電商重要營銷節(jié)點(diǎn)詳細(xì)解讀;2024各節(jié)日熱度選品助力引爆訂單增長;8大節(jié)日營銷技巧輕松撬動大促流量密碼。
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺詳解——?dú)W洲篇
涵蓋20+歐洲電商平臺,詳細(xì)解讀優(yōu)勢、入駐條件、熱銷品等
立即領(lǐng)取