Shopify でギャラリーページの作成方法。

Shopify でギャラリーページの作成方法。

 ギャラリーページを作成するShopifyアプリ

今回紹介するのは「Howdy Lookbookギャラリー&タグフィルター」というアプリでShopifyでギャラリーページを追加する方法です!

Shopify App Store: 「Howdy Lookbookギャラリー&タグフィルター」

 

ギャラリーページは、商品の魅了を伝えることができる非常に良い方法です。特に、写真に力を入れているストアさんにとっては必須のアプリと言えるでしょう。

ちなみに当ブログで、こちらのアプリを使用したテストページはこんな感じです!

https://ec-penguin.com/pages/howdy-gallery-page

写真を並べるだけでなく、

  • タグでの絞り込みができる点
  • 写真をクリックで関連商品ポップアップが出る点
  • 絞り込み時のスピード

は非常に魅力的ではないでしょうか。

スクリーンショットで見てみると

↓ ギャラリーページ

Shopify image gallery lookbook

 

↓ ポップアップ

 

ちゃんと商品までの導線が確保されているのが良いですね!

それでは早速使い方を見てみましょう。

 

Shopify ギャラリーアプリの使用方法

絞り込み用タグの設定

まず絞り込み用タグの設定です。

フィルタータグ設定の画面を開き、下記のようにタグを作成します。

 

ギャラリー画像の設定

次に本命のギャラリー画像の設定を行います。

ギャラリー画像の設定欄から、画像を追加をクリックし、下記のように画像、タイトル、説明文、関連商品、タグを設定しましょう。

 

 

表示画像の並び替え設定

ちなみに登録したギャラリー画像は、ドラッグ&ドロップで並び替え可能になっています!

なので、お勧めしたい画像は上の方に持っていき、目につく場所に常に表示することができます。

 

テーマ側の設定

あとは、テーマ側でテンプレートを作成し、特定のページに適用する必要があります。

 

 

国産アプリで、サポートはもちろん日本語で受けられるので、迷ったらサポートに連絡してください!

 

ギャラリーページの設定

最後にギャラリーページの

  • 画像タイプ → 横長、縦長、スクエア
  • PC, タブレット, スマホのカラム数
  • 画像間のスペース
  • ボタンの色
  • テキストの色

などは下記のスタイル調整ページから変更可能です!

 

以上で設定は完了です!

 

ギャラリーページの魅力

ギャラリーでの画像は

日常で実際に商品を使用している画像

などを盛り込むことによって、実際の色味やサイズ感がわかる気がします。

商品詳細ページだけでは伝わらない魅力を伝えるのに最適な方法です!もし良ければ14日間無料なので試してみてください!

 

Contact form

新規ストア構築、開発などのお仕事の依頼・無料相談はこちら