【dawn】カスタマイズ画面の画像バナーセクション内テキストの改行について

日本語 ディスカッション 技術的なQ＆A
, ,
1

Debutからdawnにテーマを移行している最中です。

Debutの時は、画像バナー内テキストの改行がカスタマイズ画面からできたのですが、

Dawnに変更してからできなくなりました。

もしDawnテーマで、画像バナーセクション内テキストの改行できる方法がありましたらご教授して頂けますと幸いでございます。

どうぞ宜しくお願い致します。

2

カスタマイズ画面からではないですが、コード編集でならできなくもないです。

方法①

image-banner.liquidの404行目あたり “type”: "inline_richtext"を “type”: "textarea"にしたら
での改行ができました。

ただ、これだとHTMLできないクライアントさんに譲渡する場合など、ちょっと説明が面倒なのが難点です。。

方法②

同じく404行目あたりを▼のように"type": “richtext”、“default”: “

Pではさむ

”,とすると、カスタマイズ画面でenterキーでの改行ができました。改行毎に

が付くためちょっとmarginが邪魔ですが。。

“type”: “richtext”,
“id”: “text”,
“default”: “

Pではさむ

”,

私はせっかくなので「方法①」で
などとして、cssでPC・スマホで改行出しわけする方を選択しました。

ご参考になりましたら幸いです。

==========

/----- PC_SP only-----/

.sp_only {
display: none;
}
@media screen and (max-width: 767px) {
.sp_only {
display: block;
}

.pc_only {
display: none;
}

}

1 Like
3

ご丁寧な解説とご教示ありがとうございました。

自社運用のショップですのでHTMLを編集する方法でやってみようと思います。

お忙しいところ本当にありがとうございました。

1 Like