FROM CACHE - jp_header

Re: テキストを改行させたい

解決済

テキストを改行させたい

hatahata
Shopify Partner
5 0 0

テーマ「Dawn」を使用。

 

新しくセクションを作成し、

【 "type": "text" 】にてテキストを入力できるようにしましたが、改行することが出来ません。

 

リッチテキストも試しましたが、改行すると<br>タグがそのまま出力される(改行もされない)状態です。

 

改行させる方法があればご教授お願いいたします。

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1540 550 699

成功

Hatahata 様

 

お世話になっております。

ご質問確認いたしました。

 

typeをhtmlにし、カスタマイズからHTMLを記述して見てください。

改行は、brタグを使えばできます。

https://shopify.dev/docs/themes/architecture/settings/input-settings#html

 

 

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

3件の返信3

株式会社フルバランス
Shopify Partner
1540 550 699

成功

Hatahata 様

 

お世話になっております。

ご質問確認いたしました。

 

typeをhtmlにし、カスタマイズからHTMLを記述して見てください。

改行は、brタグを使えばできます。

https://shopify.dev/docs/themes/architecture/settings/input-settings#html

 

 

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
hatahata
Shopify Partner
5 0 0

ご回答ありがとうございます。

下記のようにtypeをhtml変更後、カスタマイズで<br>をつけてテキスト入力すると

{
"type": "html",
"id": "text_input",
"label": "テキスト入力",
"default": "テキストが入ります。"
},

 

 

『テキストテキスト<br>テキストテキスト』と表示されてしまい改行がされませんでした。

hatahata
Shopify Partner
5 0 0

何度も申し訳ございません。

 

コードを出力する際{{ section.settings.text_input | escape}}にてescapeさせていたことが原因でした!

escape削除後、改行を確認することが出来ました。

初歩的なご質問に答えていただきありがとうございました!