ShopifyのLiquidを使用してカスタムテーマのセクションにカスタムボタンの背景色を作成します。

Question

私は、Shopifyでボタン付きスライドショーと呼ばれる新しいテーマセクションを作成しました。私は、クライアントがボタンのテキストを成功に追加できるようにする機能を追加しましたが、ボタンの背景色をカスタマイズする機能を作成しようとすると固まってしまいました。主な問題は、液体コードがCSSに入力されていないことです。ここで私は今、私の液体セクション・ファイルに持っているものです。

   {% if block.settings.link != blank %} 
      <a href="{{ block.settings.link }}" class="dynamic_button_link"> 
      {% endif %} 

      <style> 
       .dynamic-button { 
        background-color:{{ section.settings.button_bg_color }}!important; 
        z-index:999; 
       } 
      </style> 

       {% unless block.settings.button_text == blank %} 
       <div class='dynamic-button'>{{ block.settings.button_text | escape }}</div> 
       {% endunless %} 

       {% if block.settings.link != blank %} 
       </a> 
       {% endif %} 

---

  { 
      "type": "color", 
      "id": "button_bg_color", 
      "label": "Background color", 
      "default": "#ffffff" 
      }, 

カラーピッカーが正しく示しているが、...

明らかに

ダイナミックカラータイプ意図したとおりにCSSを設定していません...

ご協力いただければ幸いです。ありがとう。

Answer 1

この{{ section.settings.button_bg_color }}は{{ block.settings.button_bg_color }}