商品情報
アクセシビリティに配慮した安心設計
使いやすい商品ページでお客様の購買体験をスムーズにサポート
ELBERTはアクセシビリティを考慮し、視認性・操作性・音声対応に配慮した安心設計のユニバーサルデザインのテンプレートです。
使いやすい商品ページの設計で、どんなECサイトにもおすすめです。
TOPページには13のコンテンツを配置、コンテンツの組み合わせにより自由度の高いサイト設計が可能です。
メインイメージ
メインイメージには、設定の組み合わせで様々なパターンが作成可能です。
テキストの配置位置(左、中央、右、下部)や、画像の高さを画面全体に合わせるといった細かな調整が簡単に行えます。さらに、PCとスマホで異なる設定が可能なため、PCでは画像の上部にテキストを配置し、スマホでは下部に配置するなど、デバイスに応じた柔軟なデザインが実現できます。
TOPページ
コンテンツは自由に並び替え可能で、並び替えてもデザインが整うように調整してあります。
TOPページのコンテンツは商品ページの下部にも設置可能で、離脱を防ぎつつ商品を効果的に訴求できます。
デモサイトはこちら
商品ページ
商品説明をタブ化し、UI/UXに徹底的に配慮しました。
直感的で使いやすいデザインにより、快適なお買い物体験を提供します。
商品ページのデモサイトはこちら
その他特徴一覧
・アクセシビリティに配慮した安心設計
タブキーでの操作に対応、aria属性を適切に設置し、
視認性・操作性・音声対応にも配慮した使いやすいユニバーサルデザインテーマです。
・フォントやカラーなど簡単に調整
フォントやカラーはCSSの変更で簡単に微調整可能です。
・便利なサブヘッダー
サブヘッダーを配置し、SNSや翻訳などサイトの必要な機能を配置。
・ヘッダー設定
高さ、メニューの有無(なしの場合、ロゴが中央のデザインになります)、追従タイプ(常時追従、スクロールUP時のみ)など、
サイトに合わせて細かな調整が可能です。
・表示アニメーション
スクロールに合わせて要素がフェードインで表示されるアニメーションを搭載。
ユーザーの視線を自然に誘導し、サイト全体のダイナミックな印象を強調します。
・Instagram埋め込み
Instagramの投稿を外部ツールを使って埋め込みできます。
外部ツールはSnapWidgetやSauceが簡単でおすすめです。
・YouTube背景動画コンテンツ
YouTube動画を背景で再生するコンテンツが作成できます。
デモサイトはこちら
テンプレートファイルに関して
■本テンプレートにはデザインデータは添付しておりません。
■本テンプレートはEC-CUBEのデフォルトと異なるため、一部のプラグインのデザインが崩れる可能性があります。
外部プラグインのインストールや本テンプレートのカスタマイズにより崩れが発生した場合は、お客様ご自身で修正を行っていただく必要がございます。
■本テンプレートの利用によって発生したいかなるトラブルや損害についても、作者は責任を負いません。
テンプレートの使い方
テンプレートの使い方、適用方法は同梱のReadme.txtをご確認ください。