logo header
logo header
logo header
logo header
  • 2014.11.20
  • 技術ブログ

【moremall】ECサイトテンプレート「Grid」をステキに使うためのポイント

※2017.07.31追記: 「MOREMALL(モアモール)」事業、サービス終了のお知らせ

こんにちは!札幌はすでに冬です。
雪が積もるまであとわずか・・・peekoです。

さて、弊社サービスのmoremall。
これまでECサイトテンプレート「Minimal」「Light&Dark」についてポイントをお伝えしてきました。
今回は「Grid」テンプレートをステキに使うためのポイントをお伝えしたいと思います!

「Grid」テンプレート

取扱いアイテム数の注意

「Grid」は多数のアイテムを魅力的に見せるために設計されたデザインテンプレートのため、商品数が少ないと未完成のように見えてしまいます。
8個以上アイテムがある場合に利用すると良い感じになりますよ。

設定のポイント

・配色設定
・タイトル
・ロゴ設定
・ロゴ配色設定
・スライダー設定

5種類の設定を行うことができます。
該当の変更箇所は下の画像の通りです。

設定のポイント

設定できる箇所が色々ありますが、写真の表示範囲がほとんどになるため、アイテム写真の配色に合わせて設定するときれいにまとまります。

設定時の注意

ロゴ設定の画像とタイトルで設定したテキストは同時に表示させることができません。
ロゴ背景設定の画像と配色設定のサブカラーも同様です。
お好きな方どちらかを選んで設定してください。

設定時の注意

スライダー

「Grid」のスライダーの表示は正方形です。
横長の写真を使うと表示がおかしくなってしまいますので、画像も正方形にすることをおすすめします。

「Grid」テンプレート

moremallのテンプレートは現在3種類です。

今後も様々なテンプレートを順次発表していきます。
設定したテンプレートは保存しておくこともできるので、季節に合わせてショップをリニューアルしてみてはいかがでしょうか?

ともに世界をアップグレードできる、そんな日を夢見て。
Upgrade the World!