禁止使用购物车

备注名称

假如您应用Shopify的完全免费模板，您可以联络Shopify适用精英团队得到有关此实例教程的协助。此实例教程必须15分鐘的制定时长。若要掌握详细信息，客户程序Supportforthemes。

备注名称

此自定用以复古时尚Shopify模板，不适感用以“OnlineStore2.0”模板。

寻找您的模板构架版本号

探寻“OnlineStore2.0”模板自定

您可以在门店中掩藏添加到购物车按钮，并在未来再度表明这种按钮。

备注名称：此自定设定与动态性付款按钮兼容问题。假如您的模板适用动态性付款，请依照在商品界面上掩藏动态性付款按钮的流程来阻拦表明按钮。

分区模板和未分区模板

备注名称：本实例教程的过程将按照您采用的是分区模板或是未分区模板而各有不同。分区模板适用根据拖拽来分配首页的合理布局，未分区模板则不兼容。

假如想掌握您的模板是不是适用分区，请转至模板的编写代码网页页面。假如Sections文件目录中有文档，您则已经应用已分区模板。未分区模板是在2016年10月以前公布的，而且Sections文件目录中并没有文档。

假如您应用已分区模板，请点一下Sectionedthemes（已分区模板）按钮并根据表明完成实际操作。假如您应用较旧的未分区模板，请点一下Non-sectionedthemes（未分区模板）按钮并根据表明完成实际操作。

PC:

在Shopify后台管理中，转到在线商店模板。

寻找要编写的模板，随后点一下实际操作编写代码。

在Sections文件目录中，点击打开product-template.liquid文档。搜索添加到购物车按钮相匹配的HTML代码。您可以最先检索cart一词。

“添加到购物车”按钮的代码因模板而异。请搜索包括Addtocart、AddToCart或add-to-cart等相近文字的input或button标识。

ios系统：

在Shopify后台管理中，转到在线商店模板。

寻找要编写的模板，随后点一下实际操作编写代码。

在Sections文件目录中，点击打开product-template.liquid文档。搜索添加到购物车按钮相匹配的HTML代码。您可以最先检索cart一词。

“添加到购物车”按钮的代码因模板而异。请搜索包括Addtocart、AddToCart或add-to-cart等相近文字的input或button标识。

安卓手机系统：

在Shopify后台管理中，转到在线商店模板。

寻找要编写的模板，随后点一下实际操作编写代码。

在Sections文件目录中，点击打开product-template.liquid文档。搜索添加到购物车按钮相匹配的HTML代码。您可以最先检索cart一词。

“添加到购物车”按钮的代码因模板而异。请搜索包括Addtocart、AddToCart或add-to-cart等相近文字的input或button标识。

在Debut模板中，“添加到购物车”按钮的代码如下所示所显示：

buttontype=submitname=addid=AddToCart-{{section.id}}{%unlesscurrent_variant.available%}disabled=disabled{%endunless%}class=btnproduct-form._cart-submit{%ifproduct.options.size==1andproduct.variants[0].title==DefaultTitle%}product-form__cart-submit--small{%endif%}spanid=AddToCartText-{{section.id}}{%unlesscurrent_variant.available%}{{products.product.sold_out|t}}{%else%}{{products.product.add_to_cart|t}}{%endunless%}/span/button

寻找代码后，将它放进Liquid{%comment%}和{%endcomment%}标识中间。这可能阻拦该代码在您的门店中表明，但假如您想稍候变更您的新模板，您可以简单将其修复。

Usingtheexampleabove,thenewcodewouldlooklikethis:```liquid{%comment%}buttontype=submitname=addid=AddToCart-{{section.id}}{%unlesscurrent_variant.available%}disabled=disabled{%endunless%}class=btnproduct-form._cart-submit{%ifproduct.options.size==1andproduct.variants[0].title==DefaultTitle%}product-form__cart-submit--small{%endif%}spanid=AddToCartText-{{section.id}}{%unlesscurrent_variant.available%}{{products.product.sold_out|t}}{%else%}{{products.product.add_to_cart|t}}{%endunless%}/span/button{%endcomment%}

留意

Makesurethatyoudontcommentouttheformtagsforyourproductpage.Yourcommenttagsshouldnotsurroundanyformor/formtags,otherwisecustomerscouldexperienceerrorswhenviewingyourproductpage.```

点一下储存以确定变更。

当您准备好再度表明添加到购物车按钮时，请回到到编写HTML/CSS网页页面上的product-template.liquid文档，删掉{%comment%}和{%endcomment%}标识，随后点一下储存。

Shopify商家官方网站全文详细信息：

Disableyourcart

Note

IfyouuseafreethemefromShopify,thenyoumightbeabletocontactShopifySupportforhelpwiththistutorial.Itrequires15minutesofdesigntime.Tolearnmore,refertoSupportforthemes.

Note

ThiscustomizationisforvintageShopifythemes,anddoesntapplytoOnlineStore2.0themes.

Findoutyourthemesarchitectureversion

ExploreOnlineStore2.0themecustomizations

YoucanhideyourAddtocartbuttonsonyourstorefrontandrevealthemagaininthefuture.

Note

Thiscustomizationisntcompatiblewithdynamiccheckoutbuttons.Ifyourthemesupportsdynamiccheckout,thenpreventthebuttonsfromshowingbyfollowingthestepstohidedynamiccheckoutbuttonsonproductpages.

Sectionedandnon-sectionedthemes

Note

Thestepsforthistutorialdifferdependingonwhetheryouareusingasectionedoranon-sectionedtheme.Asectionedthemeletsyoudraganddroptoarrangethelayoutofyourhomepage,andanon-sectionedthemedoesnt.

Tofigureoutwhetheryourthemesupportssections,gotothethemesEditcodepage.IftherearefilesintheSectionsdirectory,youareusingasectionedtheme.Non-sectionedthemeswerereleasedbeforeOctober2016,anddonothavefilesintheSectionsdirectory.

Ifyouareusingasectionedtheme,clicktheSectionedthemesbuttonandfollowtheinstructions.Ifyouareusinganolder,non-sectionedtheme,clicktheNon-sectionedthemesbuttonandfollowtheinstructions.

PC：

FromyourShopifyadmin,gotoOnlineStoreThemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

IntheSectionsdirectory,clicktoopenyourproduct-template.liquidfile.FindtheHTMLcodefortheAddtocartbutton.Youcansearchforthewordcartasastart.

Thecodefortheaddtocartbuttonvariesthemetotheme.LookforaninputorbuttontagwithtextlikeAddtocart,AddToCart,oradd-to-cart.

iPhone：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

IntheSectionsdirectory,clicktoopenyourproduct-template.liquidfile.FindtheHTMLcodefortheAddtocartbutton.Youcansearchforthewordcartasastart.

Thecodefortheaddtocartbuttonvariesthemetotheme.LookforaninputorbuttontagwithtextlikeAddtocart,AddToCart,oradd-to-cart.

Android：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

IntheSectionsdirectory,clicktoopenyourproduct-template.liquidfile.FindtheHTMLcodefortheAddtocartbutton.Youcansearchforthewordcartasastart.

Thecodefortheaddtocartbuttonvariesthemetotheme.LookforaninputorbuttontagwithtextlikeAddtocart,AddToCart,oradd-to-cart.

IntheDebuttheme,theaddtocartbuttoncodelookslikethis:

buttontype=submitname=addid=AddToCart-{{section.id}}{%unlesscurrent_variant.available%}disabled=disabled{%endunless%}class=btnproduct-form._cart-submit{%ifproduct.options.size==1andproduct.variants[0].title==DefaultTitle%}product-form__cart-submit--small{%endif%}spanid=AddToCartText-{{section.id}}{%unlesscurrent_variant.available%}{{products.product.sold_out|t}}{%else%}{{products.product.add_to_cart|t}}{%endunless%}/span/button

Whenyoufindthecode,wrapitinLiquid{%comment%}and{%endcomment%}tags.Thiswillstopthecodefrombeingshownonyourstore,butwillletyoueasilyputitbackifyouwanttochangeyournewtemplatelater.

Usingtheexampleabove,thenewcodewouldlooklikethis:

{%comment%}buttontype=submitname=addid=AddToCart-{{section.id}}{%unlesscurrent_variant.available%}disabled=disabled{%endunless%}class=btnproduct-form._cart-submit{%ifproduct.options.size==1andproduct.variants[0].title==DefaultTitle%}product-form__cart-submit--small{%endif%}spanid=AddToCartText-{{section.id}}{%unlesscurrent_variant.available%}{{products.product.sold_out|t}}{%else%}{{products.product.add_to_cart|t}}{%endunless%}/span/button{%endcomment%}

Caution

Makesurethatyoudontcommentouttheformtagsforyourproductpage.Yourcommenttagsshouldnotsurroundanyformor/formtags,otherwisecustomerscouldexperienceerrorswhenviewingyourproductpage.

ClickSavetoconfirmyourchanges.

WhenyouarereadytoshowyourAddtocartbuttonsagain,gobacktoyourproduct-template.liquidfileontheEditHTML/CSSpage,removethe{%comment%}and{%endcomment%}tags,andclickSave.

文章内容由来：Shopify商户官方网站