注文履歴に書類ダウンロードボタンを設置。そのボタンを特定の条件下でグレーアウトしてクリックできないようにしたい。

Shopifyのプランは「Basic」、テーマは「Rise」を使っています。

テーマのコードの直接編集ではなく、テーマのカスタマイズで作成しています。

セクションの「カスタムliquid」に以下のコードで、【お客様の注文】ページに書類のダウンロードボタンとリンクを設定しました。(リンクはダミーです)


## **書類ダウンロード**

以下のボタンから各書類がダウンロードいただけます。

  

    
      見積書
    

    
      納品書
    

    
      請求書
    

    
      領収書
    
  

<b>※納品書・領収書は、ご注文商品全ての発送完了後にダウンロードいただけます。
※クレジットカード決済、スマホ決済(QRコード決済)では、各決済会社からのご請求となるので請求書はダウンロードできません。領収書をご利用ください。</b>

こちらについて、以下の条件でダウロード不可状態にしたいです。

具体的には、ボタンをグレーアウトし、クリックもできないようにしたいです。

  • 見積書:無条件でいつでもダウロード可能。
  • 納品書:支払状況に関係なく、発送済みの場合のみダウロード可能。(一部のみ発送済みはダウンロード不可)
  • 請求書:支払状況・配送状況に関係なく、支払方法でShopifyPaymentまたはスマホ決済の場合はダウンロード不可。
  • 領収書:全額支払済みかつ全て発送済みの場合のみダウロード可能。

具体的なコードを教えていただけると助かります。

よろしくお願いいたします。