商品管理 タイトル内に記入する商品名の改行について

Orga2020
新規メンバー
8 0 0

商品管理で商品のタイトルを入力する際には、1行で入力するだけですが、コレクションページでその商品を見るときれいな形で改行が出来ていません。どの様にすれば、上手く改行が出来ますでしょうか?

 

例:タイトル入力画面 → 〇〇〇〇 ◆◆◆◆ ▲▲▲▲

希望コレクションページ表示画面 ↓ 

〇〇〇〇

◆◆◆◆

▲▲▲▲

 

キャプチャ.PNGキャプチャ1.PNG

0 件の「いいね!」
Takuma
遊覧客
30 5 21

ジャストアイディアでは、商品名に<BR>を入れれば改行されて表示されます。

検索はそのタグでも出来てしまうので、ちょっと検討が必要です。

 

 

1.png2.png

Kzishi
観光客
6 0 0

こちら試してみたのですが、カートに入った際の通知上で<BR>が表示されたままになります。

カート内では表示されないのですが、解決方法はありますか?

0 件の「いいね!」
jizo
先駆者
231 81 261

横から失礼します。

あまりお勧めできる方法ではないように思いますが、試したらできたので一応記載してみたいと思います。

{{ product.title }}

product-template.liquidなどで商品名を出力している場所に上記の記述があると思います。

それを以下のように変更します。

{{ product.title | replace: ' ' ,'<br>'}}

上記は「商品名に含まれる半角スペースを改行タグに置換する」という意味になります。

つまり改行したい箇所に半角スペースを入れることで改行が可能になります。

 問題点としては、このコードでは半角スペースが全て改行タグに置換されてしまうという点です。

 

役に立たない情報でしたら申し訳ありません。

Kzishi
観光客
6 0 0

お忙しいところご丁寧に回答頂きありがとうございます。

カート通知での表記は無くなりました。

しかし商品一覧時の改行は改善出来ませんでした。

 →商品単体のページでは改行されています。

 

 

0 件の「いいね!」
jizo
先駆者
231 81 261

確認いただきありがとうございます。

前述のコードは記載した箇所にしか効果がないものです。

そのため、商品一覧を表示しているテンプレートを探していただき、{{ product.title }}を探して同様にフィルターを追加していただければご要望の形になるかと思います。

Kzishi
観光客
6 0 0

ご丁寧にありがとうございます。

0 件の「いいね!」