はじめに
2026 年現在、EC 市場は引き続き拡大を続けており、中でも Shopify を利用する事業者は年々増加しています。世界規模でのシェア拡大に伴い、日本国内でもショップ運営者が Shopify に注目し、オンラインビジネスをスピーディーに構築するケースが増えてきました。
そんな中、ストアの売上を伸ばすうえで重要なテーマのひとつが 「商品の見せ方」 です。せっかく魅力的な商品を取り揃えていても、お客様の目に留まらなければ購入にはつながりません。特に 「商品カルーセル」 や 「商品スライダー」 を活用すれば、限られたスペースにたくさんの商品をコンパクトに並べられ、「おすすめ商品」や「関連商品」をお客様に自然に提案できます。回遊率の向上やついで買い・まとめ買いの後押しにつながり、結果として客単価（AOV）アップが期待できます。
しかし、残念ながら Shopify のデフォルト機能だけでは、自由度の高い商品スライダーを設置することは難しい のが現状です。テーマによっては「おすすめ商品」セクションが用意されていることもありますが、デザインや挙動のカスタマイズには限界があります。そのため、多くの事業者は アプリ を活用して、思いどおりの商品カルーセルをストアに設置しています。
この記事では、
- 商品カルーセル・商品スライダーの基礎
- 商品スライダーを設置するメリット・デメリット
- そして Shopify で 商品カルーセル・商品スライダー を表示できる 5 つ のアプリ
をまとめてご紹介します。特に最初にご紹介する 「シンプル商品カルーセル｜お手軽おすすめ商品スライダー」 は、導入・設定ともにシンプルでわかりやすいため、丁寧に解説します。ぜひ参考にしてみてください。
商品カルーセル・商品スライダーとは？
「商品カルーセル」 や 「商品スライダー」 とは、複数の商品を横方向にスライドさせながら表示する UI のことです。1 画面に商品を縦に並べていく「グリッド表示」と異なり、限られた縦スペースの中で多くの商品を見せられるのが特徴です。
- コレクションの商品をスライドで表示 — 新着商品やおすすめ商品をコンパクトに並べられる
- どのページにも設置できる — ホーム・商品ページ・コレクションページなど、見せたい場所に配置できる
- 左右の矢印やドット、オートプレイで操作 — お客様が直感的に商品を「めくる」ように閲覧できる
Amazon や楽天をはじめとした多くの大手 EC サイトでも、「この商品を見た人はこんな商品も見ています」といった形で商品スライダーが活用されています。ついで買いや関連商品の発見を促すうえで、いまや欠かせない定番の UI と言えます。
Shopify で商品スライダーを設置するメリットとデメリット
メリット
-
限られたスペースで多くの商品を見せられる
縦に長くスクロールさせることなく、横スライドでたくさんの商品を提案できます。ファーストビュー付近におすすめ商品を並べることで、回遊のきっかけを作れます。 -
ついで買い・まとめ買いを後押しできる
商品ページに「関連商品」スライダーを置けば、お客様が「ついでにこれも」と感じやすくなり、客単価（AOV）の向上が期待できます。 -
季節やキャンペーンに合わせて柔軟に切り替えられる
表示するコレクションを切り替えるだけで、「新着特集」「セール対象商品」など、その時々の訴求に合わせた見せ方ができます。
デメリット
-
設置・カスタマイズに手間がかかる場合がある
テーマのコードを直接編集して実装しようとすると、HTML・CSS・JavaScript の知識が必要になり、メンテナンスも大変です。 -
表示しすぎるとページが重くなる
商品数を増やしすぎたり、スライダーをページ内に大量に置いたりすると、表示速度に影響することがあります。表示件数や遅延読み込みを意識する必要があります。
これらのデメリットは、専用のアプリを導入することでほとんど解消できます。 ノーコードで設置でき、表示件数や挙動も管理画面から調整できるため、初めての方でも安心して商品スライダーを運用できます。
Shopify のデフォルト機能では自由な商品スライダーが作れない
Shopify のテーマには、「おすすめ商品」や「関連商品」を表示するセクションが標準で用意されていることがあります。しかし、これらは 表示位置・デザイン・挙動のカスタマイズに制限がある ことがほとんどです。
- カードのデザインや列数を細かく変えられない
- スライダーの動き（オートプレイ・ループ・切替速度など）を調整できない
- クイックビューやカート追加ボタンなど、購入導線を強化する機能がない
「もっと自由に商品スライダーをカスタマイズしたい」「ストアの世界観に合わせたデザインにしたい」という場合には、専用アプリの導入が近道です。
Shopify で商品カルーセル・商品スライダーを設置できるアプリ 5 選
ここからは、商品カルーセル・商品スライダーを設置できるアプリを 5 個ご紹介します。最初の 1 つ目は特に丁寧に解説します。
シンプル商品カルーセル｜お手軽おすすめ商品スライダー
はじめに
「シンプル商品カルーセル｜お手軽おすすめ商品スライダー」は、株式会社 UnReact が提供する、コレクションの商品をスライダー（カルーセル）形式でストアに表示できる Shopify アプリです。ホーム・商品ページ・コレクションページなど、ストア内のどのページにもおすすめ商品を設置できます。「こんな商品もあるんだ」とお客様に気づいてもらうことで、ついで買いやまとめ買いを後押しします。
カードのデザインやスライダーの挙動、列数などを細かくカスタマイズでき、しかもコーディングは一切不要です。テーマエディタから設定するだけで、ワンクリックでストアに追加できます。料金は Basic Plan 月額 $3.99（年額 $39.90 で 17% お得）で、インストールから 7 日間は無料でお試しいただけます。
👉 シンプル商品カルーセル｜お手軽おすすめ商品スライダー（Shopify App Store）
できること
「シンプル商品カルーセル」は、コレクションの商品をスライダー形式で表示し、ストア内のどのページにも設置できるアプリです。お客様の目に留まりやすいスライダーで関連商品やおすすめ商品を見せることで、商品の発見を促し、購入につなげます。カードのデザインは 6 種類から選べ、PC とモバイルそれぞれの列数、スライダーの動き、セールバッジ、クイックビュー、カート追加ボタンなど、細かな部分まで思いどおりにカスタマイズできます。
主な特徴は以下のとおりです。
- コレクションの商品をスライダーで表示し、ストア内のどのページにも設置できます。
- カードのデザインや画像比率、列数、スライダーの挙動を自由にカスタマイズできます。
- クイックビューやカート追加ボタンで、スライダーから直接購入してもらえます。
- セールバッジや売り切れバッジを自動で表示し、商品の状態がひと目で分かります。
- コーディング不要で、ワンクリックでテーマに追加できます。
コレクションの商品をスライダーで表示できる
お好きなコレクションを選ぶだけで、その商品をスライダー形式で表示できます。ホームページに「おすすめ商品」として、商品ページに「関連商品」として、といったように、見せたい場所に自由に設置できます。
カードデザインや列数、挙動を自由にカスタマイズ
カードのデザインは、ミニマル・枠線あり・影付き・フローティング・ポラロイド・グラスの 6 種類から選べます。PC とモバイルそれぞれの列数や、画像の縦横比も調整できるので、ストアの雰囲気にぴったり合うスライダーを作れます。
クイックビューでスライダーから直接購入
クイックビューボタンやカート追加ボタンを表示すれば、お客様は商品ページに移動しなくても、スライダーから直接商品を確認してカートに追加できます。購入までの手間を減らし、スムーズなお買い物体験を提供します。
セールバッジや売り切れバッジで商品の状態がひと目で分かる
セール中の商品には割引率やセールバッジを、売り切れの商品には売り切れバッジを自動で表示します。お客様は商品の状態をひと目で把握でき、お買い得な商品への注目を集められます。
スライダーの挙動（クラシック／ピーク／フェード）を自由に切り替え
スライダーの動きは「クラシック（横スライド）」「ピーク（次のカードが少し見切れる）」「フェード切替」の 3 種類から選べます。見せ方に合わせて挙動を切り替えることで、ストアの印象を演出できます。
1 クリックでテーマに追加できる
コーディングは一切不要です。アプリの管理画面からテーマを選んで「テーマに追加」をクリックするだけで、ストアにスライダーを設置できます。
アプリのインストール
まずはアプリをストアにインストールしましょう。料金は Basic Plan 月額 $3.99（年額 $39.90 で 17% お得）。インストールから 7 日間は無料でお試しいただけます。
-
Shopify 管理画面の左下にある「設定」をクリックします。
-
「アプリと販売チャネル」をクリックし、「Shopify App Store」へ移動します。
-
検索窓にアプリ名「シンプル商品カルーセル」を入力し、表示されたアプリをクリックします。
-
アプリ詳細画面で「インストール」をクリックします。
-
権限の確認画面が表示されるので、内容を確認して「インストール」を完了します。
テーマに追加
インストールが完了したら、ストアにスライダーを表示するためにアプリブロックをテーマに追加します。もっとも簡単なのは「自動（1 クリック追加）」です。
-
アプリの管理画面を開きます。
-
「テーマを選択」で追加したいテーマを選び、「テーマに追加」をクリックします。
-
テーマエディタが開いたら、表示位置や設定を確認して「保存する」をクリックします。
特定のページや好きな位置に設置したい場合は、テーマエディタの「セクションを追加」→「アプリ」タブから「シンプル商品カルーセル」のブロックを選んで手動で追加することもできます。
アプリ設定
テーマエディタでブロックを選択すると、右側に設定パネルが表示されます。設定はグループごとに分かれており、主に次のように構成されています。
-
コンテンツ設定 — 見出し、見出しのフォントサイズ、表示するコレクション、表示する商品数（4〜24 件）を設定します。
-
スライダー設定 — スライダーの挙動（クラシック／ピーク／フェード）、PC・モバイルの列数、矢印やドットの表示、オートプレイの間隔、切替速度、無限ループなどを設定します。
-
カードデザイン設定 — カードの種類（ミニマル／枠線あり／影付き／フローティング／ポラロイド／グラス）の 5 種類以上から選択、価格の表示方法、枠線の丸み、背景色、画像の縦横比などを設定します。
-
バッジ・ボタン設定 — セールバッジの表示方法や形状、売り切れバッジのテキスト、カート追加ボタン、クイックビューボタンなどを設定します。
-
全体設定／追加設定 — ブロック全体の囲み（なし／枠線あり／カード）、背景色、上下の余白、カスタム CSS を設定できます。
特に「カードの種類」で選べる 5 種類以上のデザインスタイルは、ストアの世界観に大きく影響します。ミニマルはシンプルで余計な装飾のないスタイル、枠線ありはカードの境界がはっきりするスタイル、影付きは立体感のあるスタイル、フローティングはホバー時に浮き上がる演出、ポラロイドは白フレームでアルバム風、グラスは半透明のモダンなスタイルです。ストアの雰囲気に合わせて選ぶと、スライダーが一気に洗練されます。
おわりに
「シンプル商品カルーセル｜お手軽おすすめ商品スライダー」は、コレクションの商品をスライダーで表示し、6 種類のカードデザインや 3 種類の挙動、列数などを自由にカスタマイズできるアプリです。クイックビューやカート追加ボタンで、スライダーから直接購入してもらうこともできます。コーディング不要でワンクリックから設置できるので、「まずは手軽におすすめ商品スライダーを試したい」という方に特におすすめです。
👉 シンプル商品カルーセル｜お手軽おすすめ商品スライダー（Shopify App Store）
EasyBoost:Carousel, Collection
TODO: 画像を入れる（EasyBoost:Carousel, Collection アプリのアプリストア画像）
アプリ概要
| 項目 | 内容 |
|---|---|
| アプリ名 | EasyBoost:Carousel, Collection |
| 開発者 | ShopiDevs |
| 価格設定 | 無料プランあり（Premium $9.99/月）、7 日間の無料体験あり |
| 主な機能・特徴 | 商品スライダー・グリッド・ルックブック・タブ、コレクションスライダー、バンドル、カウントダウンタイマー、セールバッジ、28+ テンプレート |
| 対応言語 | 英語（日本語非対応） |
| 評価 | ★★★★★（5.0 / 43 件） |
ワンポイント解説
EasyBoost は、商品スライダーだけでなく、コレクションスライダー、ルックブック、タブ、バンドル、カウントダウンタイマーなど、コンバージョンと客単価（AOV）の向上に役立つ機能を幅広く備えたオールインワン型のアプリです。28 種類以上のテンプレートが用意されており、ノーコードでスピーディーにセクションを作成できます。関連商品や最近見た商品、ベストセラーなどを多彩なレイアウトで見せられるため、「商品スライダーだけでなく、ストア全体の見せ方をまとめて強化したい」という方に向いています。ただし、現時点では日本語に対応していない点には注意が必要です。
ShopVisual ‑ Product Slider
TODO: 画像を入れる（ShopVisual ‑ Product Slider アプリのアプリストア画像）
アプリ概要
| 項目 | 内容 |
|---|---|
| アプリ名 | ShopVisual ‑ Product Slider |
| 開発者 | Alpha Edge |
| 価格設定 | Pro $3.99/月、3 日間の無料体験あり |
| 主な機能・特徴 | 商品スライダー、注目コレクション、関連商品、最近見た商品セクション、7 種類のデザインテンプレート、カード・ボタン・余白・色・タイポグラフィの詳細カスタマイズ、モバイル個別設定 |
| 対応言語 | 英語（日本語非対応） |
| 評価 | レビューなし（0.0 / 0 件） |
ワンポイント解説
ShopVisual は、商品スライダーに加えて「最近見た商品」「関連商品」「注目コレクション」など、複数の自動セクションを無制限に設置できるアプリです。7 種類のデザインテンプレートが用意されており、カード・ボタン・余白・色・タイポグラフィを細かく調整できるほか、モバイル設定を PC とは別に指定できる点も魅力です。月額 $3.99 とリーズナブルで、関連商品や最近見た商品によって回遊率とリピート率を高めたいストアに向いています。比較的新しいアプリのためレビュー数はまだ少ないですが、機能の充実度は高めです。
Qe Slider ‑ Carousel Slider
TODO: 画像を入れる（Qe Slider ‑ Carousel Slider アプリのアプリストア画像）
アプリ概要
| 項目 | 内容 |
|---|---|
| アプリ名 | Qe Slider ‑ Carousel Slider |
| 開発者 | QeApps |
| 価格設定 | $5/月〜（$9/月でカスタマイズ対応） |
| 主な機能・特徴 | コレクションスライダー、商品詳細スライダー、商品グリッドカルーセル、画像・動画カルーセル、スウォッチ・バリエーション・価格表示、即時カート追加、ノーコードエディタ |
| 対応言語 | 英語（日本語非対応） |
| 評価 | ★★★★★（5.0 / 5 件） |
ワンポイント解説
Qe Slider は、コレクションスライダー・商品スライダー・商品グリッド・画像/動画カルーセルを 1 つのアプリでまかなえる多機能タイプです。商品詳細・バリエーション・スウォッチ・価格・即時カート追加までカード上で完結できるため、お客様は商品ページに移動せずに購入を検討できます。オート/手動スライドの切り替えや、ノーコードエディタによるレイアウト・アニメーションのカスタマイズにも対応しています。「商品スライダーと動画カルーセルを両方使いたい」「ベストセラーや新着を見栄えよく見せたい」というストアに向いた選択肢です。
GG Product Page Image Slider
TODO: 画像を入れる（GG Product Page Image Slider アプリのアプリストア画像）
アプリ概要
| 項目 | 内容 |
|---|---|
| アプリ名 | GG Product Page Image Slider |
| 開発者 | Gigilabs |
| 価格設定 | 無料プランあり（PRO $8.99/月）、7 日間の無料体験あり |
| 主な機能・特徴 | 商品ページの画像ギャラリーをスライダー化、サムネイル・矢印・ズーム・動画スライド・3D/AR 対応、バリエーション別画像、モバイルスワイプ対応 |
| 対応言語 | 英語、スペイン語、ポルトガル語、ドイツ語、フランス語、中国語（簡体字）など（日本語非対応） |
| 評価 | ★★★★★（4.9 / 167 件） |
ワンポイント解説
GG Product Page Image Slider は、これまでご紹介した「コレクションの商品を並べるスライダー」とは少し毛色が異なり、1 つの商品ページ内の画像ギャラリーをスライダー化 することに特化したアプリです。矢印・サムネイル・ズーム・動画再生・3D/AR 表示など、商品写真を魅力的に見せる機能が充実しています。バリエーション選択時にそのバリエーション専用の画像だけを表示できる点も便利です。商品点数が少なく、1 点ずつの写真や動画で魅力を伝えたいストアに向いています。「おすすめ商品を並べたい」ニーズとは目的が異なるため、用途に合わせて選びましょう。
まとめ
今回は、Shopify で商品カルーセル・商品スライダーを設置できるアプリを 5 つご紹介しました。
- シンプル商品カルーセル｜お手軽おすすめ商品スライダー — コレクションの商品をどのページにもスライダー表示。6 種のカードデザイン・3 種の挙動・クイックビューを備え、ノーコードでワンクリック設置できる
- EasyBoost:Carousel, Collection — スライダー・ルックブック・バンドル・カウントダウンを備えたオールインワン型
- ShopVisual ‑ Product Slider — 関連商品・最近見た商品など複数セクションを無制限に設置できる
- Qe Slider ‑ Carousel Slider — 商品/コレクション/画像/動画カルーセルを 1 つでまかなえる多機能型
- GG Product Page Image Slider — 商品ページの画像ギャラリーをスライダー化することに特化
「まずは手軽に、おすすめ商品スライダーをストアに設置してみたい」という方には、ノーコードで設置でき、デザインも挙動も自由にカスタマイズできる 「シンプル商品カルーセル｜お手軽おすすめ商品スライダー」 がおすすめです。7 日間の無料体験があるので、ぜひ一度お試しください。