Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド

株式会社UnReactのアイコン
株式会社UnReact

はじめに

今回の記事は、Shopify アプリである「シンプルスライドショー|お手軽画像スライダー」の解説記事です。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。

「シンプルスライドショー|お手軽画像スライダー」は、Shopify ストアにノーコードでスライドショーを表示できるアプリです。

「シンプルスライドショー|お手軽画像スライダー」を使用することで、ストアにデザイン性を高めることができます。

興味のある方は、以下の URL よりアプリのインストールを行ってください。

シンプルスライドショー|お手軽画像スライダー

「シンプルスライドショー|お手軽画像スライダー」でできること

Shopify アプリである、「シンプルスライドショー|お手軽画像スライダー」は、以下のようにストアにデザイン性の高いスライドショーを簡単に挿入できます。

シンプルスライドショー|お手軽画像スライダー

「シンプルスライドショー|お手軽画像スライダー」は、ノーコードで画像スライダーの見た目をカスタマイズできます。

ノーコードで画像スライダーの見た目をカスタマイズできる!

「シンプルスライドショー|お手軽画像スライダー」は、PC 用とスマホ用に別々の画像を設定できます。

PC用とスマホ用に別々の画像を設定できる!

アプリのインストール

それでは、実際にアプリのインストールを行なっていきましょう。

ストア管理画面左下の「設定」をクリックします。

ストア管理画面左下の「設定」をクリック

ストアの管理画面の「アプリと販売チャネル」画面に表示されている「Shopify App Store」をクリックして、Shopify App Store に移動してください。

アプリと販売チャネルの「Shopify App Store」をクリック

検索窓に、「シンプルスライドショー|お手軽画像スライダー」と入力してください。以下の画像のアプリをクリックしてください。

アプリストアで「シンプルスライドショー|お手軽画像スライダー」を検索

「インストール」ボタンをクリックして、ストアにアプリを追加しましょう。マーチャント用のアカウント(実際に物販などで運用しているアカウント)ですと、月額$3.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。

アプリストアで「インストール」をクリック

「インストール」ボタンをクリックすると以下の画面に遷移します。右下の「インストール」ボタンをクリックして、アプリのインストールを行いましょう。

アプリ管理画面で「インストール」をクリック

以下の管理画面が表示されます。

インストール後のアプリ管理画面

アプリをテーマに追加

アプリをテーマに追加します。

自動でアプリをテーマに追加

管理画面の「設定」ページの「テーマにスライドショーブロックを追加」セクションでアプリをテーマに追加します。

テーマにスライドショーブロックを追加」セクションからテーマに追加

追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。

追加したいテーマを選択し、「テーマに追加」ボタンをクリック

これでテーマにアプリを追加できます。
忘れないように、右上の「保存する」ボタンをクリックしてください。

テーマにアプリを追加

手動でアプリをテーマに追加

手動でアプリをテーマに追加します。

まず、テーマカスタマイズ画面に移動します。

管理画面の「設定」ページの「テーマに流れるロゴを追加」セクションから行います。

テーマにスライドショーブロックを追加」セクションからテーマカスタマイズ画面に移動

「テーマをプレビュー」ボタンをクリックしてください。

「テーマをプレビュー」ボタンをクリック

以下のようなテーマカスタマイズ画面に移動します。

テーマカスタマイズ画面

以下の画像のように「セクションを追加」から手動でアプリを追加します。

「セクションを追加」から手動でアプリを追加

追加するアプリを選択

見た目のカスタマイズ

見た目のカスタマイズを行います。

以下の画像は、編集できる箇所を表しています。

PC の画像・スマホの画像を設定できます。合計 4 枚まで設定できます。

画像の変更

リンクの設定ができます。各画像に設定ができます。

リンクの設定

リンクを新しいウィンドウで開くかどうかを設定します。

リンクを新しいウィンドウで開くかどうかを設定

スライドの高さを変更できます。

スライドの高さの変更

矢印のスタイルを変更できます。

矢印のスタイルの変更

ページネーションのスタイルを変更できます。

ページネーションのスタイルの変更

矢印やページネーションの色を変更できます。

矢印やページネーションの色の変更

自動スライドのスピードを変更できます。

自動スライドのスピードを変更

アニメーションのスピードを変更できます。

アニメーションのスピードを変更

アニメーションの種類を変更できます。

アニメーションの種類を変更

上部の余白 (PC)・上部の余白 (スマホ)・下部の余白 (PC)・下部の余白 (スマホ)を変更できます。

上部の余白 (PC)・上部の余白 (スマホ)・下部の余白 (PC)・下部の余白 (スマホ)を変更

終わりに

今回は、「シンプルスライドショー|お手軽画像スライダー」の解説を行いました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。

シンプルスライドショー|お手軽画像スライダー

シンプルスライドショー|お手軽画像スライダー

recommendおすすめ記事

シンプル会員送料割引|お手軽ログイン送料無料のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員配送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回送料割引|お手軽初回ログイン送料無料のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入で、送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプルセット商品在庫連携|お手軽セット商品管理の自動化のアイコン
アプリ解説

Shopifyに在庫連携したセット商品販売機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員注文割引|お手軽ログインセール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP注文割引|お手軽VIP会員セール設定のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 注文割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル延長保証|お手軽保証付き商品販売のアイコン
アプリ解説

Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルVIP送料割引|お手軽VIP会員送料無料のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 送料割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル追従カート|追従購入ボタン(Buy Button)のアイコン
アプリ解説

Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説|ご利用ガイド

シンプルパンくずリスト|お手軽 Breadcrumbsのアイコン
アプリ解説

Shopifyにパンくずをノーコードで表示できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料のアイコン
アプリ解説

Shopifyに顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事カスタマイズ|お手軽ブログテンプレートのアイコン
アプリ解説

Shopifyブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリのアイコン
アプリ解説

Shopifyストアにお知らせセクションを挿入してブログ・ニュース一覧を表示できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事目次|自動見出し一覧挿入のアイコン
アプリ解説

Shopifyのブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

シンプル流れるロゴ|流れるロゴリスト挿入アプリのアイコン
アプリ解説

Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

シンプル名入れ|お手軽名前入りギフトオプションのアイコン
アプリ解説

Shopifyに名入れオプションを追加するアプリについて徹底解説|ご利用ガイド

シンプル在庫数表示|お手軽残りわずか表示のアイコン
アプリ解説

Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説|ご利用ガイド

シンプル購入制限|お手軽注文制限について徹底解説のアイコン
アプリ解説

Shopifyに購入制限機能を追加して数量制限・注文規制を実現できるアプリについて徹底解説|ご利用ガイド

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン
アプリ解説

Shopifyでギフトラッピング機能を実現するアプリについて徹底解説|ご利用ガイド

シンプルランキング表示|お手軽ベストセラーのアイコン
アプリ解説

Shopifyにランキングバッジを導入するアプリについて徹底解説|ご利用ガイド

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン
アプリ解説

Shopifyに顧客タグごとの限定販売機能を追加するアプリについて徹底解説|ご利用ガイド

シンプル余白調整|お手軽レイアウトのアイコン
アプリ解説

Shopifyに余白(マージン)を挿入してページデザインの調整ができるアプリについて徹底解説|ご利用ガイド

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン
アプリ解説

Shopifyでロゴ一覧をノーコードで実現できるアプリについて徹底解説|ご利用ガイド

シンプルのし(熨斗)アプリのアイコン
アプリ解説

Shopifyにのし(熨斗)を設定できるアプリについて徹底解説|ご利用ガイド

シンプル画像バナー|お手軽広告バナーアプリのアイコン
アプリ解説

Shopifyに画像バナーを追加できるアプリについて徹底解説|ご利用ガイド

シンプル Q&A|どこでも FAQのアイコン
アプリ解説

Shopifyに Q&A を設置してよくある質問・FAQ を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン
アプリ解説

Shopifyに流れる告知を設置してお知らせを表示できるアプリについて徹底解説|ご利用ガイド

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン
アプリ解説

Shopifyでモバイルアプリに誘導するバナーを簡単に設置できるアプリについて徹底解説|ご利用ガイド

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン
アプリ解説

Shopifyに売り切れ商品・在庫切れ商品を非表示にする機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルレビュー|お手軽口コミのアイコン
アプリ解説

Shopifyにレビュー(口コミ)機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員限定販売|お手軽アカウント必須販売のアイコン
アプリ解説

Shopifyで会員限定販売を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員ランク|お手軽顧客タグ付けのアイコン
アプリ解説

Shopifyに会員ランク機能を導入して自動で顧客タグを付与できるアプリについて徹底解説|ご利用ガイド

シンプル Wishlist|お手軽お気に入りのアイコン
アプリ解説

Shopifyにお気に入り(wishlist)を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル Coming Soon|商品ページ発売予告アプリのアイコン
アプリ解説

Shopifyで Coming Soon(発売予告)を実施するアプリについて徹底解説|ご利用ガイド

シンプルセット販売|お手軽クロスセルのアイコン
アプリ解説

Shopifyでセット販売(クロスセル)を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン
アプリ解説

Shopifyに予約販売機能を追加して受注販売や在庫切れ販売を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル販売期間設定|商品ごとに期間限定販売のアイコン
アプリ解説

Shopifyで販売期間設定を商品毎に行うことができるアプリについて徹底解説|ご利用ガイド

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン
アプリ解説

ShopifyでVIP会員限定販売ができるアプリについて徹底解説|ご利用ガイド

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン
アプリ解説

Shopifyにポイント機能を導入できるポイントアプリについて徹底解説|ご利用ガイド