サイトアイコン Game Apps

Shopifyで画像スライドショーをタブ切り替え表示できるアプリ「シンプルタブ型画像スライドショー｜商品説明タブ切り替え」がリリース

Appbank編集部

株式会社UnReactは6月13日、Shopifyアプリ「シンプルタブ型画像スライドショー｜商品説明タブ切り替え」をリリースしたと発表しました。同アプリは6月2日10時に正式公開されています。

アプリの概要

「シンプルタブ型画像スライドショー｜商品説明タブ切り替え」は、Shopifyストアの商品ページやホームページに、タブで切り替えるタイプの画像スライダーを設置できるアプリです。最大5枚の画像をタブのラベルで分類しながら表示でき、「サイズ別」「カラー別」「特徴別」といった形で情報を整理して見せることができます。

ノーコードでテーマへの追加が可能で、料金はBasic Planが月額4.99ドルとなっています。1週間の無料体験が用意されており、年払いを選択すると実質2か月分が無料になるとのことです。

主な機能と特徴

タブ形式で気になったスライドを素早く表示

通常の画像スライダーとは異なり、タブをクリックすることで見たい画像を直接選択できます。「サイズ別」「カラー別」「特徴別」など、顧客が気になる情報にダイレクトアクセスできるため、スライドの順番を待つ必要がなく、コンバージョン率の向上にも貢献するとのことです。

PCとスマホで別々の画像を設定可能

PC用とスマホ用の画像をそれぞれ独立して設定できます。横長のPCではワイドな画像を、縦長のスマホでは縦構図の画像を表示するなど、デバイスごとに最適な見せ方を演出することが可能です。スマホ用画像を設定しない場合はPC用の画像が自動的にスマホにも表示されるため、PC運用のみの場合にも柔軟に対応できます。

ノーコードで見た目をカスタマイズ

アスペクト比、タブの色や文字サイズ、矢印のスタイル、自動スライドのスピードなど、見た目に関わる設定を画面上の操作だけで調整できます。コードの知識は一切不要で、タブの不透明度を100％未満に設定すれば、タブバーをスライド画像に重ねてスタイリッシュに表示することも可能です。

1クリックでテーマに追加

アプリの管理画面から「テーマに追加」ボタンを押すだけで、使用中のテーマにスライダーをすぐに設置できます。商品ページやコレクションページなど、任意のページの好きな位置にブロックを追加することもでき、表示位置の自由度も高くなっています。

多彩なアスペクト比とアニメーション

スライドの縦横比は「最初の画像に合わせる」「16:9」「4:3」「1:1」「4:5」「9:16」の6種類から選択できます。画像の収め方も「画像で埋める」「画像を収める」の2種類に対応しており、アニメーションは「なし」「スライド」「フェード」の3種類が用意されています。自動スライドの間隔は0〜15秒の範囲で設定可能です。

多彩な矢印スタイルと操作方法

矢印のスタイルは7種類から選択でき、色や大きさも自由に変更できます。矢印を「なし」に設定してタブだけで切り替えるシンプルな表示も可能です。

マウスのドラッグ操作にも対応しており、PCユーザーもスマホのスワイプ感覚で操作できます。スマホ時の矢印表示の有無も切り替えられるため、操作環境に合わせたUIを提供できます。

参考記事

モバイルバージョンを終了