shopify添加到購(gòu)物車(chē)按鈕隱藏和顯示步驟

shopify新聞

2022-03-28

1151

禁用購(gòu)物車(chē)

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

找到您的模板架構(gòu)版本
探索“Online Store 2.0”模板自定義

您可以在店面中隱藏添加到購(gòu)物車(chē)按鈕，并在將來(lái)再次顯示這些按鈕。

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

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

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

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

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

PC:

在 Shopify 后臺(tái)中，轉(zhuǎn)到在線商店 > 模板。
找到要編輯的模板，然后點(diǎn)擊操作 > 編輯代碼。

在 Sections 目錄中，點(diǎn)擊打開(kāi) product-template.liquid 文件。查找添加到購(gòu)物車(chē)按鈕對(duì)應(yīng)的 HTML 代碼。您可以首先搜索 cart 一詞。

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

蘋(píng)果系統(tǒng)：

在 Shopify 后臺(tái)中，轉(zhuǎn)到 > 模板。
找到要編輯的模板，然后點(diǎn)擊操作 > 編輯代碼。

在 Sections 目錄中，點(diǎn)擊打開(kāi) product-template.liquid 文件。查找添加到購(gòu)物車(chē)按鈕對(duì)應(yīng)的 HTML 代碼。您可以首先搜索 cart 一詞。

安卓系統(tǒng)：

在 Shopify 后臺(tái)中，轉(zhuǎn)到在線商店 > 模板。
找到要編輯的模板，然后點(diǎn)擊操作 > 編輯代碼。

在 Sections 目錄中，點(diǎn)擊打開(kāi) product-template.liquid 文件。查找添加到購(gòu)物車(chē)按鈕對(duì)應(yīng)的 HTML 代碼。您可以首先搜索 cart 一詞。

在 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>

找到代碼后，將它放入 Liquid {% comment %} 和 {% endcomment %} 標(biāo)記之間。這將會(huì)阻止該代碼在您的商店中顯示，但如果您想稍后更改您的新模板，您可以輕松將其恢復(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 cart, AddToCart, or add-to-cart.

iPhone：

From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme you want to edit, and then click Actions > Edit code.

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 cart, AddToCart, or add-to-cart.

Android：

From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme you want to edit, and then click Actions > Edit code.

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 cart, AddToCart, 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>

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.

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)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。