# サンプルコード集（アプリ・テーマ） **URL:** https://community.shopify.com/c/jp/sd-jp/sample-code-jp/152.md [Latest](https://community.shopify.com/latest.md) · [Categories](https://community.shopify.com/categories.md) · [Tags](https://community.shopify.com/tags.md) --- ## [How to get origin country only with liquid](https://community.shopify.com/t/how-to-get-origin-country-only-with-liquid/410401)
**Author:** [@Taichi-S](https://community.shopify.com/u/Taichi-S)\ **Replies:** 2\ **Last updated:** [May 5, 2025, 10:08am UTC](https://community.shopify.com/t/how-to-get-origin-country-only-with-liquid/410401 "2025-05-05T10:08:34Z")
【Background】 I want to change the product page contents depend on access user’s origin country. To get origin country, I developed application and access the app through liquid. 【What I want to know】 I want to know i… --- ## [テーマDawnのマルチカラムに設定した画像があります。画像自体にリンクを貼りたいんですがCSSコードを教えてください。](https://community.shopify.com/t/dawn-css/401895)
**Author:** [@Eririeri](https://community.shopify.com/u/Eririeri)\ **Replies:** 1\ **Last updated:** [March 21, 2025, 3:31am UTC](https://community.shopify.com/t/dawn-css/401895 "2025-03-21T03:31:57Z")
テーマDawnのマルチカラムに設定した画像があります。画像自体にリンクを貼りたいんですがCSSコードを教えてください。 --- ## [割引の場合に出力される「セール」表記を削除したい](https://community.shopify.com/t/topic/392819)
**Author:** [@3inc](https://community.shopify.com/u/3inc)\ **Replies:** 1\ **Last updated:** [February 12, 2025, 11:01am UTC](https://community.shopify.com/t/topic/392819 "2025-02-12T11:01:38Z")
テーマはDawnを使用しています。 割引前価格を設定した際に、「セール」という文言が表記されますが、その表記を削除したいです。 ▼イメージ 現状：割引前価格 価格 セール 理想：割引前価格 価格 またTOPページに商品一覧（コレクション）を設置した際も、セール表記および割引価格が出力されますが、こちらはそもそも、割引前価格を設定していない状態のように、通常通りの出力をしたいです。 ▼イメージ 現状：割引前価格 価格 セール … --- ## [カート画面の簡単決済ボタン（動的チェックアウト）を非表示にするコード編集を教わりたいです。Riseの15.2.0は最新バージョンです。](https://community.shopify.com/t/rise-15-2-0/390044)
**Author:** [@hiroki3](https://community.shopify.com/u/hiroki3)\ **Replies:** 4\ **Last updated:** [January 29, 2025, 3:12am UTC](https://community.shopify.com/t/rise-15-2-0/390044 "2025-01-29T03:12:19Z")
--- ## [コレクションページの商品一覧をバリエーションごとに表示させたい。](https://community.shopify.com/t/topic/386097)
**Author:** [@Anonymous\_87a99665aab79db373a17f9edcff6a50](https://community.shopify.com/u/Anonymous_87a99665aab79db373a17f9edcff6a50)\ **Replies:** 0\ **Last updated:** [January 10, 2025, 10:15am UTC](https://community.shopify.com/t/topic/386097 "2025-01-10T10:15:01Z")
shopify初心者です。 コレクションの商品一覧を商品ごとではなく展開カラーすべて表示させたいのですが、どうしたらできるのでしょうか。 スウォッチキングというアプリを入れてみたのですが、したいことは表現できませんでした。 商品登録を一商品ごとからカラーごとに登録する方法以外に方法はありますでしょうか。 カラーごと表示させたいです。 添付した写真みたいにカラーごと表示させたいです。 --- ## [パスワードページのカスタマイズについて](https://community.shopify.com/t/topic/380384)
**Author:** [@kdhrk](https://community.shopify.com/u/kdhrk)\ **Replies:** 3\ **Last updated:** [December 13, 2024, 2:28am UTC](https://community.shopify.com/t/topic/380384 "2024-12-13T02:28:16Z")
はじめまして。 パスワードページの写真下部にある ［Shopifyのロゴデータ］と［ストアオーナーですか？ログイン］を削除したいのですが、 コード編集から削除可能かどうか教えていただきたいです。 使用テーマ：Prestige ご存知の方がいらっしゃいましたら、ご教示いただけますと幸いです。 --- ## [区切り線について](https://community.shopify.com/t/topic/355639)
**Author:** [@\_6\_6](https://community.shopify.com/u/_6_6)\ **Replies:** 1\ **Last updated:** [December 10, 2024, 6:46am UTC](https://community.shopify.com/t/topic/355639 "2024-12-10T06:46:57Z")
カスタマイズされたLiquid→カスタムCSSで区切り線のコードを入れたいのですが、うまくいきません。どなたかコピペできるコードを教えていただけないでしょうか…区切り線を入れる方法があれば、これ以外の方法でも構いません。 フッターに区切り線が入っているのですが、これを消す方法をご存知の方はいらっしゃいますか…? ブログ記事の見出しの文字を小・中・大・特大・4Lより小さくする方法をご存知のかたはいますか？ 使用してい… --- ## [特定の商品にのみ完売表示ではなく「販売期間前」という表示をしたい](https://community.shopify.com/t/topic/372256)
**Author:** [@uf2](https://community.shopify.com/u/uf2)\ **Replies:** 1\ **Last updated:** [December 9, 2024, 7:21am UTC](https://community.shopify.com/t/topic/372256 "2024-12-09T07:21:41Z")
使用テーマ：DAWN 11.0.0 在庫０の商品のうち、特定の商品だけ「販売期間前」という表示にしたいです。 販売期間前表示をしたい商品のタグに「販売期間前」を追加してみました。 Sectionのmain-product-liquidが商品詳細ページと考えて、ここに条件分岐のコードを追加すれば解決 できるのではないかと考えました。 「販売期間前」というタグがあった場合は在庫０でも完売表示ではなく任意の表示にする、というコードを… --- ## [LINEアイコンの追加について](https://community.shopify.com/t/line/363397)
**Author:** [@teko2](https://community.shopify.com/u/teko2)\ **Replies:** 0\ **Last updated:** [October 3, 2024, 7:23am UTC](https://community.shopify.com/t/line/363397 "2024-10-03T07:23:03Z")
LINEアイコンの追加について。 ヘッダーの位置にLINEアイコンを表示させたいです。 テーマは『Impulse』なのですが、他テーマの方で同じ質問をされている方みているとコード内のschemeのどこかに追加するのかなと思うのですが、いまいち分からず･･･。 方法が分かりましたらご教授いただけますと幸いです。 --- ## [Ventureで商品ページに税抜価格・税込価格を両方表示させたい](https://community.shopify.com/t/venture/361535)
**Author:** [@masa-pps](https://community.shopify.com/u/masa-pps)\ **Replies:** 0\ **Last updated:** [September 26, 2024, 3:32am UTC](https://community.shopify.com/t/venture/361535 "2024-09-26T03:32:59Z")
Ventureを利用しております。 商品ページに税抜価格と税込価格の両方を表示させたいと思っております。 ・商品登録時には税抜価格を設定しております。 「sections/product-template.liquid」の105行目に下記コードを追加し、 税込価格の表示はできるようになったのですが、サイズや色のバリエーションをプルダウンで変更した際に、追記した税込価格の金額だけ変更されません。 \ **Author:** [@A\_a11](https://community.shopify.com/u/A_a11)\ **Replies:** 2\ **Last updated:** [September 24, 2024, 3:52am UTC](https://community.shopify.com/t/if/359877 "2024-09-24T03:52:41Z") 初歩的ですみません。 orderprinterを使用しているんですが、納品書に代引き決済の場合の手数料を追記したいです。 ※「代引き手数料の場合」のコード部分は他の決済の場合の明細書と分けるので不要です 代引き決済手数料として、税込で0~30,000円未満なら400円、30,000円以上〜60,000円未満なら500円かかります。 ※60,000以上は代引き対応していませんが、それは別途対応しているので不要です orderpr… --- ## [Dawnテーマでのランキングバッジ表示のためのコード編集について](https://community.shopify.com/t/dawn/173486)
**Author:** [@oyouhukuyasan](https://community.shopify.com/u/oyouhukuyasan)\ **Replies:** 2\ **Last updated:** [August 7, 2024, 8:25am UTC](https://community.shopify.com/t/dawn/173486 "2024-08-07T08:25:04Z")
質問させてください。 どなたかにお答えいただけますと大変助かります。 私はアパレルのWEBサイトを立ち上げており、売上に悩んでおります。 ECサイト運用でランキング表示は大事かと思いますが、 コード編集（リキッド編集など）がわからず苦戦しております。教えていただけますと幸いです。 私のゴールは以下の通りです。なお、使用テーマはdawnです。 ・ランキング番号が自動的に付与される ・表示形式は PCカラム：１〜３位までは３… --- ## [バンドルアプリのカラー表記について](https://community.shopify.com/t/topic/345547)
**Author:** [@u\_u](https://community.shopify.com/u/u_u)\ **Replies:** 0\ **Last updated:** [August 5, 2024, 4:43am UTC](https://community.shopify.com/t/topic/345547 "2024-08-05T04:43:21Z")
ボウル（ホワイトの１色展開）と鍋（シルバーとブラックの２色展開）をバンドルで登録する場合、カラー名が鍋から引っ張ってこられてしまいます。 この表示を変更したいのですが、コード編集などでできますでしょうか？ 希望は、ボウルのカラーも鍋のカラーも入れた「ホワイト&シルバー」と「ホワイト&ブラック」と表示したいです。 --- ## [トップページにリンクを表示させたい【テーマ: Shella】](https://community.shopify.com/t/shella/345120)
**Author:** [@EC\_31](https://community.shopify.com/u/EC_31)\ **Replies:** 0\ **Last updated:** [August 3, 2024, 12:19am UTC](https://community.shopify.com/t/shella/345120 "2024-08-03T00:19:25Z")
こんにちは。 テーマ : Shellaにおいて、ヘッダーとメインビジュアルの間にリンクを差し込みたいと考えています。 すでにページは作成しているので、そのページに飛ばしたいと考えているのですが、なかなか触る箇所が分かりません。お分かりの方がいればご教授お願いいたします。また、コーディング初心者のため、コードもわかればうれしいです。 よろしくお願いいたします。 〇イメージ〇 (ヘッダー) ブランドロゴやカテゴリー名 (ページ)… --- ## [複数の商品を1ページ内でまとめてカートにいれられるようにしたい](https://community.shopify.com/t/topic/343759)
**Author:** [@tatsuki\_ttt](https://community.shopify.com/u/tatsuki_ttt)\ **Replies:** 1\ **Last updated:** [August 1, 2024, 10:16am UTC](https://community.shopify.com/t/topic/343759 "2024-08-01T10:16:25Z")
複数の商品をページ内で個数を選び、まとめてカートに入れられるようにしたいと考えていますが これはどうにかすれば実装できるものなのでしょうか？ もしもアプリでないと実装不可能であれば、対象のアプリを教えていただけると嬉しいです。 ▼イメージ図▼ ※商品ABCDはバリエーションでの登録ではなく、単体での商品登録が必須です。 そのためカートにいれたときは、それぞれ独立する感じになります。 カートにいれる際に、各商品ページに移… --- ## [Blogの背景に画像を埋め込む方法を知りたい](https://community.shopify.com/t/blog/329338)
**Author:** [@satoshisugiyama](https://community.shopify.com/u/satoshisugiyama)\ **Replies:** 1\ **Last updated:** [June 6, 2024, 9:32am UTC](https://community.shopify.com/t/blog/329338 "2024-06-06T09:32:28Z")
テーマはStudioを使用しています。blog記事の背景に色ではなく画像を貼りたい場合の方法があれば教えていただけると助かります。よろしくお願いいたします。 --- ## [【Rise】コレクションリスト 表示サイズ変更について](https://community.shopify.com/t/rise/324070)
**Author:** [@Anonymous\_49ffeb1506f0eaeb75362549c660355c](https://community.shopify.com/u/Anonymous_49ffeb1506f0eaeb75362549c660355c)\ **Replies:** 2\ **Last updated:** [May 20, 2024, 12:48am UTC](https://community.shopify.com/t/rise/324070 "2024-05-20T00:48:48Z")
現状、コレクションリストで以下のように表示をしていますが このくらい小さくしたい場合、CSS等でどのように表現すれば対応できますでしょうか？ --- ## [サムネイル画像を自由に設定したい！](https://community.shopify.com/t/topic/317171)
**Author:** [@Anonymous\_2d57e643e8683e5b37693125a6843f9e](https://community.shopify.com/u/Anonymous_2d57e643e8683e5b37693125a6843f9e)\ **Replies:** 1\ **Last updated:** [April 30, 2024, 12:34pm UTC](https://community.shopify.com/t/topic/317171 "2024-04-30T12:34:05Z")
はじめまして。 タイトルの通り、商品一覧に表示される各商品のサムネイル画像の変更方法について教えてほしいです。 デフォルトの場合、商品画像１枚目がサムネイルとして一覧に表示され、商品ページを開いた際にもサムネイル画像が最初に表示されます。 それを、サムネイルはサムネイルとして、商品ページを開いた際はサムネイルとは別の画像が表示されるよう選べるようにしたいのです。 チャットでは【テーマコード編集】を提案されましたが、商品ごとに個別… --- ## [商品のバッジのsoldout表記のエラーについて](https://community.shopify.com/t/soldout/316081)
**Author:** [@Tomonyan](https://community.shopify.com/u/Tomonyan)\ **Replies:** 1\ **Last updated:** [April 24, 2024, 10:52am UTC](https://community.shopify.com/t/soldout/316081 "2024-04-24T10:52:49Z")
以前、外部委託業者に商品のSOLDOUTバッジの表示を変更してもらいました。半年ほどは正常に動作していたのですが年末ごろから表示が変になってしまいました。 外部委託業者に連絡がつかずコードのどの部分を修正しなければならないのかもわかっていません。 具体的には「商品画像全体に白の半透明のフィルタをかけて中央にSOLDOUTの文字を右下がりの黒字で入れる」という仕様だったのですが現在は画像からはみ出して左上に縦にSOLDOUTと表示され… --- ## [ギフト包装オプションについて](https://community.shopify.com/t/topic/314459)
**Author:** [@rex\_dev](https://community.shopify.com/u/rex_dev)\ **Replies:** 2\ **Last updated:** [April 22, 2024, 5:15am UTC](https://community.shopify.com/t/topic/314459 "2024-04-22T05:15:34Z")
はじめまして ギフト包装オプションのコードスニペットについて、質問をさせていただきたいです。 下記の方法を参考にギフト包装オプションを使用しておりますが、 こちら、「商品3個、ギフトラッピング2個」のようなことは可能でしょうか？ 現在、商品数に関係なくギフト包装1点のみか、商品数 = ギフト包装のようになり。 ご存知の方がいらっしゃいましたら、ご教示いただけますと幸いです。 使用しているテーマはKagamiになります。 ▼… --- ## [ヘッダーの下にこちらを作りたい！](https://community.shopify.com/t/topic/316306)
**Author:** [@Anonymous\_ea707ea57fa7a7b7583780f27387b9a9](https://community.shopify.com/u/Anonymous_ea707ea57fa7a7b7583780f27387b9a9)\ **Replies:** 0\ **Last updated:** [April 21, 2024, 2:33pm UTC](https://community.shopify.com/t/topic/316306 "2024-04-21T14:33:54Z")
ヘッダー下に上記のようなカテゴリーとブランドを作りたいです。 初心者です。大変お手数ですがご教示お願い致します。 --- ## [ギフト包装オプション](https://community.shopify.com/t/topic/311398)
**Author:** [@satoshisugiyama](https://community.shopify.com/u/satoshisugiyama)\ **Replies:** 2\ **Last updated:** [April 5, 2024, 10:58pm UTC](https://community.shopify.com/t/topic/311398 "2024-04-05T22:58:45Z")
はじめまして 現在、テーマはStudioを使用しています。 下記の方法で、ギフト包装のオプションを導入したいのですが、最後の工程の”カートテンプレートにスニペットを含める" でセクション、テンプレートともに指定のliquidが見当たらず、困っています。 わかる方がおられましたら、Studioの場合、どのliquidの、どこに入れればいよいか教えて頂ければ幸いです。 https://help.shopify.com/ja/manu… --- ## [弊社独自で開発したAPI取得(Shopify以外)について](https://community.shopify.com/t/api-shopify/307158)
**Author:** [@uemuragame](https://community.shopify.com/u/uemuragame)\ **Replies:** 0\ **Last updated:** [March 21, 2024, 3:52am UTC](https://community.shopify.com/t/api-shopify/307158 "2024-03-21T03:52:28Z")
お世話になっております。 以下の質問と被ってしまいますが本件についてお伺いしたいことがあります。 https://community.shopify.com/topic/2493449 弊社独自で開発した外部のAPIをShopifyのストアにデータを出力できるようにしたいと思っております。 弊社独自で開発した外部のAPIはリクエストヘッダーに追加してデータを出力できるような仕様になっておりまして、JavaScriptの場合は以下… --- ## [曲販売](https://community.shopify.com/t/topic/297176)
**Author:** [@Anonymous\_487738d715855d7b41ecd82d1016969b](https://community.shopify.com/u/Anonymous_487738d715855d7b41ecd82d1016969b)\ **Replies:** 1\ **Last updated:** [February 20, 2024, 9:37am UTC](https://community.shopify.com/t/topic/297176 "2024-02-20T09:37:26Z")
曲を売りたい時に音楽ファイルを商品にアップロードするところまではできるのですがお客さんが試しに聴くことができません。曲の試聴ボタンを作ることは可能ですかね --- ## [コード編集について](https://community.shopify.com/t/topic/296373)
**Author:** [@Anonymous\_c7fba47cf14e419f8d4557f57a8812c8](https://community.shopify.com/u/Anonymous_c7fba47cf14e419f8d4557f57a8812c8)\ **Replies:** 2\ **Last updated:** [February 19, 2024, 7:19am UTC](https://community.shopify.com/t/topic/296373 "2024-02-19T07:19:48Z")
お世話になります。商品画面にNEWラベルを表示させたくコード編集についての質問です。 ①コードを入力するファイル名を調べても分かりません。テーマはDebutです。 ②上記のコード入力は何を入力したら良いかわかりません。 ネットなどのものをそのままコピペし適当なファイルに張ってみましたが何もかわりません。 ③上記のコード入力以外に商品管理画面などでの他の設定はございますか？ どなたか分かる方教えて頂けますと幸いです！ --- ## [会員アイコンについて](https://community.shopify.com/t/topic/278487)
**Author:** [@tm23](https://community.shopify.com/u/tm23)\ **Replies:** 1\ **Last updated:** [December 20, 2023, 11:41am UTC](https://community.shopify.com/t/topic/278487 "2023-12-20T11:41:07Z")
パソコン画面では会員アイコンが表示されるのに、携帯では表示されません、なぜでしょうか。 --- ## [お知らせ一覧のセクションを作成する（テーマはRefreshです）](https://community.shopify.com/t/refresh/277625)
**Author:** [@MM39](https://community.shopify.com/u/MM39)\ **Replies:** 0\ **Last updated:** [December 15, 2023, 8:18am UTC](https://community.shopify.com/t/refresh/277625 "2023-12-15T08:18:38Z")
ネット検索で見つけた、手順で試してみたのですが上手くいきません。画像１枚目のようにしたいのですが何故か画像２枚目のようになってしまいます。現在使っているテーマがRefreshのせいでしょうか？わかる方いらっしゃいましたらお教え頂けるとありがたいです。よろしくお願い致します。 --- ## [オーダーメイド商品の情報取得に関して](https://community.shopify.com/t/topic/275311)
**Author:** [@MHR11](https://community.shopify.com/u/MHR11)\ **Replies:** 1\ **Last updated:** [December 12, 2023, 4:36pm UTC](https://community.shopify.com/t/topic/275311 "2023-12-12T16:36:58Z")
ユーザーに写真を送ってもらい、名前など入れて商品を制作する完全オーダメイド商品を販売したいと思っています。 理想のユーザーフローは、下記なのですがShopifyでどんなアプリを組み合わせるべきか、どんな機能やコードを使って実装すべきか分からずご相談させていただきたいです。 \<理想的なユーザーフロー\> 1 ：サイトから商品を選択 2：名前や生年月日、メッセージなど入れたい項目を入力 3：写真をアップロード 4：２個や3個セット… --- ## [Follow on shopボタン](https://community.shopify.com/t/follow-on-shop/251053)
**Author:** [@tina241](https://community.shopify.com/u/tina241)\ **Replies:** 7\ **Last updated:** [October 28, 2023, 2:35pm UTC](https://community.shopify.com/t/follow-on-shop/251053 "2023-10-28T14:35:55Z")
dawnのテーマにfollow on shopボタンをsnsリンクの横に埋め込む方法を教えてください。 --- ## [予約販売、お試し販売用のサンプルアプリ](https://community.shopify.com/t/topic/252025)
**Author:** [@junichiokamura](https://community.shopify.com/u/junichiokamura)\ **Replies:** 0\ **Last updated:** [September 20, 2023, 2:21am UTC](https://community.shopify.com/t/topic/252025 "2023-09-20T02:21:56Z")
Deferred Purchase Options (Pre-order / TBYB) のサンプルコードです。 https://github.com/benzookapi/shopify-deferred-purchase-sample-app 動作やエラーテストの方法などはWikiのデモで確認できます。 https://github.com/benzookapi/shopify-deferred-purchase-sample… [Next page](https://community.shopify.com/c/jp/sd-jp/sample-code-jp/152.md?page=1)