Shopify アプリに関する話題はこちら
商品管理で商品のタイトルを入力する際には、1行で入力するだけですが、コレクションページでその商品を見るときれいな形で改行が出来ていません。どの様にすれば、上手く改行が出来ますでしょうか?
例:タイトル入力画面 → 〇〇〇〇 ◆◆◆◆ ▲▲▲▲
希望コレクションページ表示画面 ↓
〇〇〇〇
◆◆◆◆
▲▲▲▲
ジャストアイディアでは、商品名に<BR>を入れれば改行されて表示されます。
検索はそのタグでも出来てしまうので、ちょっと検討が必要です。
こちら試してみたのですが、カートに入った際の通知上で<BR>が表示されたままになります。
カート内では表示されないのですが、解決方法はありますか?
横から失礼します。
あまりお勧めできる方法ではないように思いますが、試したらできたので一応記載してみたいと思います。
{{ product.title }}
product-template.liquidなどで商品名を出力している場所に上記の記述があると思います。
それを以下のように変更します。
{{ product.title | replace: ' ' ,'<br>'}}
上記は「商品名に含まれる半角スペースを改行タグに置換する」という意味になります。
つまり改行したい箇所に半角スペースを入れることで改行が可能になります。
問題点としては、このコードでは半角スペースが全て改行タグに置換されてしまうという点です。
役に立たない情報でしたら申し訳ありません。
お忙しいところご丁寧に回答頂きありがとうございます。
カート通知での表記は無くなりました。
しかし商品一覧時の改行は改善出来ませんでした。
→商品単体のページでは改行されています。
確認いただきありがとうございます。
前述のコードは記載した箇所にしか効果がないものです。
そのため、商品一覧を表示しているテンプレートを探していただき、{{ product.title }}を探して同様にフィルターを追加していただければご要望の形になるかと思います。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024