Shopifyストアに画像ビフォーアフターを表示できるアプリ「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」をリリース
株式会社UnReact
福岡県の IT ベンチャー企業 株式会社 UnReact が、「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」をリリースしました。
福岡県の IT ベンチャー企業 株式会社 UnReact が、「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」をリリースしました。
本アプリは、2026年6月1日 10:00 に正式公開いたしました。
「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」は、Shopify ストア内の任意の場所に Before/After 画像をスライダーで並べて比較できる Shopify アプリです。
次の画像が少しだけ見えるレイアウトです。お客様がスライダーをドラッグするだけで、商品の効果や変化がひと目で分かります。スキンケア、リフォーム、写真加工など、ビフォーアフターが伝わる商品にぴったりです。
▼「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」｜アプリストア
https://apps.shopify.com/sa-175-ur-img-before-after?locale=ja
▼「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」｜ご利用ガイド
https://unreact.jp/shopify-apps/sa-175-ur-img-before-after/guide
■Shopify とは
Shopify（ショッピファイ）は、国内に限らず海外へのオンライン販売も、専門知識がなくとも手軽に始められる、SasS 型のコマースプラットフォームです。
■「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」について
[画像1:
https://prcdn.freetls.fastly.net/release_image/72693/266/72693-266-6e8c826409474fe1803c86b74b1026b5-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
スライダー付きの Before / After画像で商品への興味を引き出します。
「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」は、Shopify ストア内の任意の場所に Before/After 画像をスライダーで並べて比較できる Shopify アプリです。Before/After 画像をスライダーで並べて比較できます。PC 用・モバイル用の画像を個別に設定でき、ハンドルデザインは 3 種類から選べます。
主な特徴は以下のとおりです。
■ Before/After 画像を設置できる
[画像2:
https://prcdn.freetls.fastly.net/release_image/72693/266/72693-266-3f82fb8ed7816d4124999c77d00fbf70-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Before/After画像をスライダーで設置できます
ストアの商品ページにも Before / After 画像をスライダーで設置できます。お客様がスライダーをドラッグするだけで、商品の効果や変化をひと目で確認できます
■ ハンドルデザインやラベルをカスタマイズできる
[画像3:
https://prcdn.freetls.fastly.net/release_image/72693/266/72693-266-5478c6e1dcc513b4d08665a9a164ef3e-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
ハンドルデザインは3種類から選択できます
ハンドルのデザインは「矢印あり」「シンプルな丸」「縦線のみ」の 3 種類から選べます。ラベルの表示・非表示、位置（上・中央・下）、テキスト、色もお好みに合わせて設定できます。
■ ノーコードで細かくカスタマイズできる
[画像4:
https://prcdn.freetls.fastly.net/release_image/72693/266/72693-266-97dc124f841eb592defd4437d1dee10d-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
画像やスライダーなどを管理画面から直感的に調整できます。
テーマエディタから、文字の大きさ・色・背景色、余白、スライダーの初期位置など、さまざまな見た目の設定をノーコードで変更できます。追加の CSS を使えば、さらに細かいカスタマイズも可能です。
コード編集は不要なため、デザイン変更や調整をスピーディーに行えます。
ストア全体のトーンに合わせた統一感を保ちながら、使い勝手の良い Before /After 画像を構築できます。
■ 1クリックでテーマに追加できる
[画像5:
https://prcdn.freetls.fastly.net/release_image/72693/266/72693-266-652c9e01dd6cafe536bb85d38177a984-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
1クリックでテーマに追加できる
ワンクリックでテーマに追加でき、すぐにスライダーを表示できます。
アプリをインストール後、管理画面から 1クリックでテーマに追加 できます。
複雑な設定作業は不要で、導入直後からすぐに利用を開始できます。
既存ストアへの後付けや、期間限定の特集導線づくりにも適しています。
▼「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」｜アプリストア
https://apps.shopify.com/sa-175-ur-img-before-after?locale=ja
▼「シンプル画像ビフォーアフター｜お手軽イメージ前後比較」｜ご利用ガイド
https://unreact.jp/shopify-apps/sa-175-ur-img-before-after/guide
▼参考記事
-
【2026年】Shopifyに画像ビフォーアフターを表示できるアプリ5選を紹介！-
Shopify で画像 Before After スライダーを表示できる？おすすめアプリ 5 選を紹介！-
【2026年】Shopifyの画像ビフォーアフターを表示できるアプリ12選を紹介！-
【2026年】Shopifyに画像Before Afterスライダーを導入する方法は？おすすめアプリも紹介！-
Shopifyで画像ビフォーアフタースライダーを導入できるアプリについて徹底解説｜ご利用ガイド
▼株式会社UnReact 会社概要
会社名: 株式会社UnReact
代表者: 西川信行
事業内容: EC制作事業・アプリ開発・教育事業
URL:
https://unreact.jp/プレスリリース提供：PR TIMES
記事提供：PRTimes
