アコーディオンのHTMLが反映されません

AI-generated summary

ユーザーがアコーディオン機能のHTMLコードについて質問しています。

問題の詳細:

  • 「オンラインストア>ページ」ではアコーディオンコード(<details>、<summary>タグ)が正常に動作
  • 「設定>ポリシー>返品と返金のポリシー」欄に同じコードを入力しても反映されない

回答内容:
ポリシー入力欄では以下の制限があることが確認されています:

  • <details>タグは削除され、<p>タグに変換される
  • classとid属性は削除される
  • style属性は使用可能(ただし全てのプロパティが有効かは不明)

推奨される解決策:

  • 通常の「ページ」機能でポリシーページを作成し、そこへのリンクをテーマ上のプライバシーポリシーリンク部分に設定する
  • <details>タグの使用が必要な場合は、Shopifyサポートやパートナーへの相談を検討

質問者は通常ページでの作成を検討することで納得した様子です。

はじめまして。技術についての質問です。

「販売チャネル>オンラインストア>ページ」で作成するとアコーディオンのコードが反映されますが、

「 設定>ポリシー>書面による返品と返金のポリシー」の欄に同じコードを入力しても反映されません。

解決方法があれば、お教えいただけますでしょうか。

例えば下記のようなコードを入力したときに、

「ページ」では「タイトル」のみが表示され、タイトルをクリックすると「本文」が表示されますが、

「ポリシー」ではタイトルも本文も初めから表示され、折りたたまれません。

タイトル

本文。ここは、タイトルをクリックすると表示されます。

ご教授いただけますと幸いです。どうぞよろしくお願いいたします。

複数の不明点があるためプライバシーポリシー入力欄の挙動のみを回答しますが、実際に入力すれば以下が確認できるはずです。

  • detailsタグは削除され、pタグに変換されたりHTMLタグが削除される
  • classとidは削除される
  • style属性は削除されない(使用可能なすべてのpropertyが有効かは不明)

どうしてもdetailsタグが使いたい場合は、お勧めしませんが通常の「ページ」で作成し、テーマ上のプライバシーポリシーページへのリンクを書き換えていくしかないかなと思います。

ただしテーマでは触れない部分にリンクが存在する可能性など考慮するべき点がいくつか考えられるため、Shopifyサポート、エキスパートやパートナーに相談されることをお勧めします。

ご丁寧に返信くださり、ありがとうございます。

ポリシーページは、反映されないタグがあるのですね。

考慮すべき点などについても、ありがとうございました。