# 特定のコレクション(collection)のみ価格表示を「〇〇円」→「〇〇円～」と「～」を付け加えたい **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** javascript, css, html\ **Created:** [November 3, 2023, 9:21am UTC](https://community.shopify.com/t/collection/265003 "2023-11-03T09:21:24Z")\ **Posts on this page:** 7\ **Page:** 1 ## AI-generated summary Shopifyの無料テーマ「Craft」を使用したイベントチケット販売サイトで、特定のコレクション（「event」コレクション）のみ価格表示に「～」を追加したいという要望。 **実現方法:** - eventコレクション専用のテンプレートを作成 - カスタマイズされたLiquidコードを追加して、価格の後ろに「～」を表示 - 0円の商品には「～」を付けない条件分岐を実装 **発生した問題と解決:** 1. 当初、0円商品にも「～」が表示される問題が発生 2. 「¥0」から「0円」への条件変更で一時的に全ての「～」が消失 3. 修正版コードで解決 **新たな課題:** 複数価格設定（例:1,320円と1,980円）の商品で「〇〇円から～」と二重表示になる問題が発生。チェックアウト言語の「から」設定は残したまま、コレクションページでは「から」を非表示にする方法を模索中。 回答者（株式会社ファイブビット）が動画付きで具体的な手順を提供し、段階的に問題解決をサポート。
**Author:** ![n\_ogawa3](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@n\_ogawa3](https://community.shopify.com/u/n_ogawa3)\ **Post date:** [November 3, 2023, 9:21am UTC](https://community.shopify.com/t/collection/265003/1 "2023-11-03T09:21:24Z")
現在、無料テーマ「Craft」を利用しています。 イベントのチケット販売をShopifyで作成していて、コレクションページ（商品一覧ページ）だと、価格は1種類の設定なので通常だと「〇〇円」と表示されるのですが、こちらを価格が1種類でも「〇〇円～」という表記にしたいです。 というのも、チケット1枚で価格を設定しているのですが、親子セットだったりすることもあるので、基本2枚以上での購入となるためです。 ただ通常の物販とかでは基本通りの表示にしたいので、一部のコレクション限定で価格の表示方法を変更したいです。 良い方法があれば教えていただきたいです。 ＜やりたいこと＞ - 「event」というコレクションについて商品の一覧ページ（https://\*\*\*\*\*\*/collections/event）で、価格が1種類のみの設定でも、価格表示に「～」を付けたい（例：「〇〇円～」という表示にしたい） - 金額が0円の場合は「～」なしの「〇〇円」のままとしたい - 通常のコレクションの設定は変更したくないので、「event」コレクションのみ表示設定を変更したい よろしくお願いいたします。 ---
**Author:** ![Anonymous\_3b9a8e857ec4e2560bc009f074375383](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_3b9a8e857ec4e2560bc009f074375383/32/279353_2.png) [@Anonymous\_3b9a8e857ec4e2560bc009f074375383](https://community.shopify.com/u/Anonymous_3b9a8e857ec4e2560bc009f074375383)\ **Post date:** [November 4, 2023, 1:02am UTC](https://community.shopify.com/t/collection/265003/2 "2023-11-04T01:02:43Z")
初めまして。 株式会社ファイブビットの福水と申します。 やりたいことは下記の流れで実現できるかと思います。 * * * 1. event 用のコレクションテンプレートを作成 2. 1で作成したテンプレート内で、価格の後ろに[〜]が表示されるコードを付与 * * * 下記、詳細です。 **1. event 用のコレクションテンプレートを作成** ＝流れを動画にまとめたので、下記をご覧ください。 [https://gyazo.com/65da9ce63fc6fb98a274cbc01da8192c](https://gyazo.com/65da9ce63fc6fb98a274cbc01da8192c) この作業をこなすことで、2の作業内容がeventコレクション以外には反映されないようになります **2. 1で作成したテンプレート内で、価格の後ろに[〜]が表示されるコードを付与** ＝下記のコードを、管理画面の「オンラインストア」→「テーマ」→「カスタマイズ」→eventコレクションに移動し、左サイドバー内の「セクションを追加」→「カスタマイズされたLiquid」の中に、下記のコードを入力してください。 ```markup ``` 上記の流れを動画にまとめているので、ご参照下さい。 [https://gyazo.com/fe9464802a89c70673ab91dd07ad4acf](https://gyazo.com/fe9464802a89c70673ab91dd07ad4acf) もし、こちらの手続きで意図した動作にならなかった場合は、 お手数ですが、具体的な内容や画面のスクショなどをいただけると嬉しいです。 ---
**Author:** ![n\_ogawa3](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@n\_ogawa3](https://community.shopify.com/u/n_ogawa3)\ **Post date:** [November 6, 2023, 12:58pm UTC](https://community.shopify.com/t/collection/265003/3 "2023-11-06T12:58:21Z")
お返事遅くなりすみません。 動画まで付けていただいて、とても分かりやすく、しかも簡単な方法で教えていただきありがとうございます！ （コード編集から色々操作するようなものを想像していたので、素人の私にはとても助かりました！） 教えていただいた通りに設定したら綺麗にできました！ 本当にありがとうございました。 また不明点が出てきたら教えてもらえたら嬉しいです。 お忙しい中ありがとうございました！ ---
**Author:** ![n\_ogawa3](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@n\_ogawa3](https://community.shopify.com/u/n_ogawa3)\ **Post date:** [November 6, 2023, 1:32pm UTC](https://community.shopify.com/t/collection/265003/4 "2023-11-06T13:32:58Z")
「解決した！」と言ったそばからすみません。 コレクションページでは金額を「円」表記にしておりまして、その関係で、0円にも「～」が付いてしまいました。 ![質問1.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/b/e/f/befbce6e4bc79727d48a9176bce4f869d1353711.png) 素人感覚で、ご教示いただいたコードの 「 if (price.textContent.trim().includes(‘¥0’))」を「 if (price.textContent.trim().includes(‘0 円’))」にしてみたのですが、今度は全ての「～」が消えてしまいました……。 金額表記は、Shopify管理画面＞設定＞ストアの詳細＞ストア通貨で添付の通り設定しております。 ![n_ogawa3_0-1699277487060.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/0/8/0827849d9b6e95610eb07b930e3820163d73d83d.png) この場合、コードはどのようにすればいいでしょうか？ それとも全て「￥」表記に設定した方がいいのでしょうか？ 度々申し訳ございませんが、また教えていただけると助かります。 よろしくお願いいたします。 ---
**Author:** ![Anonymous\_3b9a8e857ec4e2560bc009f074375383](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_3b9a8e857ec4e2560bc009f074375383/32/279353_2.png) [@Anonymous\_3b9a8e857ec4e2560bc009f074375383](https://community.shopify.com/u/Anonymous_3b9a8e857ec4e2560bc009f074375383)\ **Post date:** [November 6, 2023, 1:56pm UTC](https://community.shopify.com/t/collection/265003/5 "2023-11-06T13:56:55Z")
[0円]だと、例えば[1500円]の後ろ2文字の[0円]も拾ってしまうので、不具合が生じていたようです。 修正版のコードを作りましたので、こちらでお試しください。 ```markup ``` もし、この回答で解決できた場合は、この回答にもいいねとベストソリューションをいただけると嬉しいです！ よろしくお願い致します。 ---
**Author:** ![n\_ogawa3](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@n\_ogawa3](https://community.shopify.com/u/n_ogawa3)\ **Post date:** [November 6, 2023, 2:02pm UTC](https://community.shopify.com/t/collection/265003/6 "2023-11-06T14:02:47Z")
こんなに早く教えていただきありがとうございます！ さっそく試してみたところ、希望通りできました！！！ 本当に助かりました！ ありがとうございます！！！ ---
**Author:** ![n\_ogawa3](https://avatars.discourse-cdn.com/v4/letter/n/8e7dd6/32.png) [@n\_ogawa3](https://community.shopify.com/u/n_ogawa3)\ **Post date:** [November 17, 2023, 2:34am UTC](https://community.shopify.com/t/collection/265003/7 "2023-11-17T02:34:01Z")
先日は色々と丁寧に教えていただきありがとうございました。 何度も質問してしまい申し訳ございません…。 現在、希望通りの表示ができているのですが、商品で複数価格（1,320円と1,980円）を設定した場合以下の添付のような「〇〇円から～」表示になってしまいました。 ![tempsnip20231117.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/7/f786e08fd203ab6553348e598b30b3cee61d6914.png) チェックアウト言語のFrom設定は「から」のまま残しつつ、「event」コレクションページでは「から」は非表示としたいのですが、そのような設定を追加することは可能でしょうか。 ▼設定＞チェックアウト＞チェックアウト言語の設定状況 （こちらの設定はそのまま残したい） ![n_ogawa3_0-1700188190857.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/c/6/c6bd479e0f2f35c2d6318396e028e158fdde09c3.png) 何度も申し訳ないのですが、また教えていただけますでしょうか。 よろしくお願いいたします。