- アレルギー
- 大豆
と指定あとに保存して、「エディタをみる」をクリックして、もう1度htmlを見ると、
アレルギー大豆
と勝手に更新されてしまいます。
原因がご存知の方がいれば教えていただけると幸いです。
Topic summary
商品説明のHTMLを保存後に再確認すると、<dl> 内の div が消え、<div>アレルギー大豆</div> のように自動整形される問題が相談された。特に <dl> と <dt>/<dd> の間に div を入れた記述が原因と指摘された。
・対処案は、div を <dl> の外側に置くこと。
・ただし根本的にはHTML仕様そのものより、Shopify のリッチテキストエディタ（WYSIWYG＝見たまま編集）側の自動補正仕様に依存する可能性が高い。
・そのため、希望するタグ構造を維持したい場合は、削除されにくい書き方を探すか、product.description を使わず独自セクションを実装する案が示された。
最終的に、質問者は説明に納得しており、この件は実質的に解決している。
DLタグとDTタグの間にdivタグがあるのが原因です。htmlの構文に問題があると自動修正や削除されてしまいます。
- アレルギー
- 大豆
のようにdivは外側に配置するなどで再度お試しください。
コメントありがとうございます！！
まだ勉強中でして、教えていただきたいのですが、dlのタグの中にdivタグが使える認識だったのですが、違うのでしょうか。
HTMLの定義というよりは、リッチテキストエディタ(Wysiwyg)の仕様に依存しますので、Shopifyではできない、というのが正解かと思います。
前述のようなタグが削除されないような記述方法を見つけるか、リッチテキストエディタ(product.description)を使用せずにセクションをご自身で開発されるのが早いかとは思います。（おそらくWordPressなどでも同じように自動整形・削除される気がします）
1 Like
ありがとうございます！！
とても理解できました！
ありがとうございます！