商品情報にスキップ
1 1
公開日:2024.07.15

Shopifyのテーマ「Dawn」でメタフィールドと紐づけた 「折りたたみ可能な行」ブロックの中でHTMLタグを使いたい場合の設定例

Shopifyのテーマ「Dawn」でメタフィールドと紐づけた 「折りたたみ可能な行」ブロックの中でHTMLタグを使いたい場合の設定例

用途

  • テーマ管理

実装方法

  • テーマエディタ
詳細を表示する

Shopifyのテーマ「Dawn」の商品詳細ページの「折りたたみ可能な行」ブロックにメタフィールドの値を設定して表示する際にHTMLタグを使用したい場合があります。デフォルトではHTMLタグがエスケープされてそのまま表示されてしまうので、少し手を加える必要があります。


Shopifyのテーマ「Dawn」の商品詳細ページでメタフィールドと紐づけた「折りたたみ可能な行」ブロックの中でHTMLタグを使いたい場合の設定例


【(テーマDawnの場合)設定手順】「main-product.liquid」のschema内ブロック「collapsible_tab」のrichtextタイプを変更しテーマエディタ側でメタフィールドを参照するliquidコードを設定する


【(テーマDawnの場合)使用方法】メタフィールド内に記述したHTMLタグが有効になりリッチな表現が可能に


関連ポスト