ストアフロントのテーマ

Storefront Brandedテーマは、デザインエージェンシーによって作成された最終的なデザインの一例です。ブランド化されたルックアンドフィールを備えており、会社のストアフロントに新しいブランドテーマを作成する際のインスピレーションとして役立ちます。

たとえば、Storefront Brandedテーマを使用した登録レンダリングは、エクスペリエンス エディターで次のように表示されます。

Storefront Brandedテーマを使用した登録レンダリングは、ライブストアフロントテンプレートサイトで次のように表示されます。

新しいコマースサイトを作成するときに、新しいテーマを作成することを選択できます。新しいテーマには、コマースレンダリングのサポートが含まれています。サポートにはレイアウトは含まれず、コンポーネントのスタイル設定は最小限です。カスタムテーマは、ワイヤーフレームテーマとして使用することも、変更することもできます。

たとえば、スタイルが設定されていないカスタム テーマを使用したRegistrationレンダリングは、次のようになります。

テーマには、すべてのコンポーネントSassファイル が含まれています (一部のファイルは空です)。これにより、Creative Exchangeを使用してテーマを簡単にエクスポートできます。

ワイヤーフレーム テーマは、通常、新しいサイトのデザインを開始するときに使用するテーマです。このテーマは、情報アーキテクチャ、ビジネス目標、ユーザー フロー、および主要なユーザビリティの問題に取り組むときに使用する可能性があります。この段階では、内部レビューとイテレーションのためにサイトを同僚と共有する場合があります。

ストアフロントのモックアップ テーマは、テキスト、ラベル、画像などのコンテンツでサイトの更新を開始するときに使用するテーマの種類の例です。

SXAを使用すると、コンテンツとプレゼンテーションを簡単に分離できるため、同僚と並行してコンテンツとデザインに取り組むことができます。つまり、情報アーキテクチャとユーザー フローが決定されるとすぐに、サイトへのコンテンツの追加を開始できます。

ストアフロントモックアップテーマは、サイトにより完成した外観を与えるグレースケールテーマですが、明らかに最終的なデザインではありません。

通常、モックアップ テーマは、サイトの全体的なデザインが形になり始めるときに反復的なプロセスで作成します。あなたの会社のデザイナーや外部のデザインエージェンシーは、最終的なブランドテーマを作成するための出発点としてモックアップテーマを使用します。

SXA Storefrontには2つのモックアップ テーマがあります。 「Storefront Mock-up with product images (商品画像付き) モック アップ」テーマでは、カタログのオリジナル画像が表示されますが、「 Storefront Mock-up with mock-images (モック画像付き) 」テーマでは、商品画像の代わりに一般的なグレースケール画像が表示されます。

たとえば、いずれかの ストアフロント モックアップ テーマを使用した登録レンダリングは、エクスペリエンス エディターで次のように表示されます。