FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

カートページ内のbuttonタグにdisabledが適用されない

カートページ内のbuttonタグにdisabledが適用されない

mainy
Shopify Partner
8 0 0

カートページの購入ボタンを読み込み時は無効にしておきたいのですが

cart.liquidの該当ボタンのコードを

 

<button type="submit" name="checkout" class="btn cart__checkout" disabled>
ご購入手続きへ
</button>

 

としても無効にならず、ブラウザ上でソースを見るとdisableの記述がない状態です。

disabled="true"やdisabled="false" など記述を変えてみてもブラウザでソースを見ると

 

<button type="submit" name="checkout" class="btn cart__checkout">

ご購入手続きへ
</button>

 

となっていて反映されません。

どのような原因が考えられますでしょうか。

 

2件の返信2

株式会社フルバランス
Shopify Partner
1595 570 730

Mainy 様

 

はじめまして、フルバランスのドウケです。

 

ご質問確認いたしました。

 

私の場合、テーマはDawnを使用しており、main-cart-footer.liquidに該当コードありましたので、検証してみました。

 

既存の以下のコードを

 

<button type="submit" id="checkout" class="cart__checkout-button button" name="checkout"{% if cart == empty %} disabled{% endif %} form="cart">
    {{ 'sections.cart.checkout' | t }}
</button>

 

以下のとおり変更したところ、添付画像のようにdisabledが付与されておりました。

 

<button type="submit" id="checkout" class="cart__checkout-button button" name="checkout" form="cart" disabled >
    {{ 'sections.cart.checkout' | t }}
</button>

 

c2cbd706ea644ad86ad74ccdea8f5608.png

テーマの違いや他の影響がもしかしたらあるのかもしれませんが、一度、コピーアンドペーストでコードをお試しいただけますと幸いです。

 

 

なにかヒントになりましたら幸いです。

 

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
mainy
Shopify Partner
8 0 0

ドウケ 様

テーマが違うせいか、コピー&ペーストではエラーとなってしまいました。

エラーになりそうな箇所を弄ってみましたが、私では解決することができませんでした。

情報ありがとうございました。