Shopify セクション for html

Shopifyのセクションを使ってhtmlコードを挿入したいとき用のセクション。

テーマDebutだと、セクションの高度なカスタマイズからhtmlコンテンツとして追加できるけど、余計な余白paddingが入ってしまうので一番シンプルな形で。

Shopifyのコード編集からsectionのフォルダ内に適当に 『mycode.liquid』なり名前をつけて下記のコードを追加。


{{section.settings.html-code}}


{% schema %}
{
    "name": "html",
    "settings": [ 
    {
        "type": "html",
        "id": "html-code",
        "label": "HTML-code"
    }    
    ],
    "presets": [
    {
      "name": {
        "en": "Code section",
        "ja": "HTML"
      },
      "category": {
        "en": "Code",
        "ja": "Code"
      }
    }
    ]
}
{% endschema %}

そうしたら、セクションカスタマイズに code HTMLと出てくると思うので追加してください。

例fireworkのコードスニペットを貼り付けてビデオカルーセルをストアフロントに表示。

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top