商品情報
商品サムネイル画像の上に「SALE」「NEW」「おすすめ」「人気No.1」などの訴求バッジを重ねて表示できるプラグインです。斜め掛けリボン・丸型・角丸四角の3形状、四隅の自由な配置、カスタム配色、番号入力による即時指定に対応。ショップ内の回遊性向上とクリック率(CTR)・購買率(CVR)の最大化を強力に後押しします。
🖥️ 動作確認用デモサイト(フロント&管理画面)
EC-CUBE 4.2系および4.3系の実環境にて、一覧画面や詳細画面での美しいバッジ表示、管理画面でのリアルタイムプレビューを実際にお試しいただけます。
【管理画面 共通ログイン情報】
ユーザーID: demo / パスワード: demoPassword2026!
プラグインの主な特徴
1. 3つの魅力的なデザイン形状(リボン・丸型・角丸四角)
高級感と注目度を兼ね備えた「伝統的な斜め掛けリボン(Ribbon)」、今どきのECで人気の「丸型カプセル(Pill)」、整然とした清潔感を与える「角丸四角(Badge)」の3種類から自由に選択できます。ショップ全体での共通設定はもちろん、商品ごとに個別のデザイン形状を指定することも可能です。
2. 四隅(左上・右上・左下・右下)の自由な配置と全テーマ完全密着
固定ピクセルに依存しないレスポンシブ・コンテナバインド設計を採用。商品画像の比率やサイズ(縦長・正方形など)を問わず、四隅の角にぴったりフィットして表示されます。さらに商品詳細画面ではメイン画像に合わせた大迫力のラージサイズへ自動スケールアップします。
3. オリジナルのカスタムバッジ作成&並び替え(絵文字対応)
カラーピッカーとテキスト入力で、ショップ独自の文言や配色(背景色・文字色)を無制限に作成・登録できます。絵文字(👑、🌸、✨など)にも完全対応。一覧テーブルの「▲」「▼」ボタンでお好みの順序に並び替え、「設定を保存」ボタンで簡単に確定保存できます。
4. 番号入力(1, 2, 3...)で1秒スピード指定&リアルタイムプレビュー
商品登録・編集画面では、左端の入力欄に「1」「2」などのオプション番号を入力するだけで即座にバッジが決定されます。右側のリアルタイムプレビュー枠には登録済みの商品画像とバッジが即座に反映されるため、保存前に仕上がりを確実に確認できます。
5. マウスホバーで脈動する「パルス演出」&画面別表示制御
顧客が商品にカーソルを合わせた瞬間にバッジが微かに脈動(Pulse)するアニメーション効果を搭載し、クリックを自然に誘発します。また、商品一覧・商品詳細・新着/おすすめ商品ブロックごとにバッジの表示/非表示を個別に切り替え可能です。
簡単導入手順
プラグインをインストールして有効化するだけで、商品画像にシール・バッジが自動重畳されます。Twigテンプレートの個別改造や複雑なレイアウト設定は一切不要です。
ステップ 1: [オーナーズストア] > [プラグイン一覧] からインストールして有効化
ステップ 2: [設定] > [店舗設定] > [商品画像シール・バッジ設定] で基本形状や配置、カスタムバッジをお好みに設定
ステップ 3: [商品管理] > [商品一覧/登録] でアピールしたい商品にバッジ番号を指定して完了
動作環境・仕様
| 対応バージョン | EC-CUBE 4.2.0 〜 4.3.x (4.2系 / 4.3系 双方完全対応) |
|---|
| PHPバージョン | PHP 8.1 〜 8.3(PHP 8.2+ 準拠) |
|---|
| データベース | MySQL 5.7 / 8.0、PostgreSQL 10〜16 |
|---|
| フロントエンド技術 | Pure CSS3(外部JSライブラリ依存ゼロ)、Bootstrap 5 / 4 完全対応、モバイルレスポンシブ最適化 |
|---|
導入やカスタマイズに関するお問い合わせは、開発元(スタジオ・エルミタージュ)までご連絡ください。
この商品に対するお客様の声