商品情報
フェードイン、ズームイン、ズームアウトの基本演出をページごとに追加できます。
軽量な構成で導入しやすく、サイトの印象改善や見せ方の調整を手軽に行えます。
このプラグインでできること
ページ演出追加プラグイン Free版は、EC-CUBEのフロントエンドページに表示時のアニメーション演出を追加する無料・軽量版のプラグインです。
フェードイン、ズームイン、ズームアウトの3種類の基本演出を搭載しています。
管理画面のページ管理から、ページごとに演出を設定できます。
演出を選択すると、その動きを説明する文章が動的に表示されるため、設定内容を確認しながら操作できます。
設定された演出IDは body タグにクラスとして自動付与されます。
演出用のCSSは、プラグイン専用のコントローラーから動的に配信されます。
導入することで解決できる課題
サイトの印象を少し変えたい場合でも、テンプレート編集やCSS調整を直接行うには手間がかかります。
ページごとに簡単な演出を追加したい場合、個別にカスタマイズすると管理が複雑になりやすくなります。
本プラグインを導入することで、管理画面からページ単位で基本的な演出を設定できます。
テンプレートファイルを直接書き換えず、イベント経由で演出用のCSSとクラスを注入するため、既存のカスタマイズと競合しにくい設計です。
導入後に得られるメリット
トップページ、商品ページ、特集ページなどに自然な動きを加えることで、ページ表示時の印象を高められます。
基本的な演出に絞った軽量設計のため、サイトのデザインを損ないにくく、導入しやすい点が特徴です。
管理画面から設定できるため、専門的なCSS編集に慣れていない場合でも運用しやすくなります。
まずは無料版で演出の効果を試したい場合にも適しています。
想定される利用シーン
トップページにフェードインを設定し、自然な表示演出を加えたい場合に利用できます。
商品詳細ページにズーム系の演出を設定し、商品情報を印象的に見せたい場合にも役立ちます。
キャンペーンページや案内ページに軽い動きを追加し、通常ページとの差別化を図りたい場合にも活用できます。
全34種類の多彩な演出が必要な場合は、製品版の利用を検討できます。
運用時の注意事項
演出の見え方は、使用しているテーマ、テンプレート構造、CSSの内容によって異なる場合があります。
独自カスタマイズを行っているサイトでは、事前に表示確認を行ってください。
演出を多用しすぎると、ページの印象が強くなりすぎたり、閲覧時に見づらく感じられる場合があります。
店舗やページの目的に合わせて、必要な箇所に適度に設定する運用をおすすめします。
Free版では、利用できる演出はフェードイン、ズームイン、ズームアウトの3種類です。
3D回転、グリッチ、エラスティックなど、より多彩な演出が必要な場合は、製品版の利用をご検討ください。

