【トップイメージ横幅フル画面事例】

トップイメージをブラウザの横幅いっぱいに使った事例です。お店のイメージをよりダイナミックに表現することができます。

http://www.youkaen-store.com

【人気ランキングデザインカスタム事例】

人気ランキングをデフォルトのデザインからオリジナルデザインに変更した例です。サイトの雰囲気に合わせたデザインで作成します。

http://www.mayulist.com/

【スライドバナー事例】

トップイメージにJavaScriptを使用し、スライドバナーにした事例です。イメージや人気商品、キャンペーン等、閲覧者にアピールしたい内容をトップページに表示することが出来ます。

http://itsukiyahonpo.co.jp/

【SNSとの連動事例】

サイトに運営しているフェイスブックページ等のタイムラインを表示します。SNSから情報発信したり、ファンを増やす為に有効です。

・検索BOX背景デザイン事例

テンプレートの検索BOXでは物足りないない、サイトデザインに合わせたいという場合、検索BOXの背景デザインを変更することができます。
色だけではなく、サイトの雰囲気に合わせてデザインした事例です。

通常テンプレートの検索BOX		サイドの検索BOXをオリジナルデザインに

・オリジナルデザイン検索BOX　グローバルナビ編　事例

検索BOXをヘッダのグローバルナビ内に入れ込んだ事例です。バーの雰囲気に合わせて、オリジナルデザインに変更することができます。

グローバルナビに検索BOXを設置。ボタンもオリジナルデザイン出来ます。

・オリジナルデザイン検索BOX　フリーエリア編　事例

オリジナルデザインの検索BOXをヘッダイメージエリアやセンターフリーエリア内にも設置することができます。下の画像はヘッダイメージエリアに設置した事例です。 http://naturallife-market.com/

ヘッダイメージエリアにオリジナル検索BOXを設置しました。

・特大トップイメージ事例

通常のトップイメージでは物足りないお客様のために、ヘッダー下部に3カラム全てを使用したインパクト抜群の特大トップイメージを作成した事例です。（注：3カラムで作成しているショップに限ります）

通常、最大で横幅520pixまたは690pixのトップイメージを		最大横幅860pix程度まで大きくできます。

・JavaScriptを使用したアコーディオンカテゴリ事例

カテゴリーをクリックすると下段にスライドして下層カテゴリーを表示するようにJavaScriptで作成した事例です。 カテゴリー数の多いお客様におすすめです。

カテゴリーをクリックすると		下段がスライドして小カテゴリーが現れます

・ヘッダー部分をカスタマイズした例

ヘッダーにオリジナルのナビゲーションを設置した事例です。通常のショップサーブテンプレートでは設置が難しいので、弊社がカスタマイズを行い設置いたしました。

通常のナビゲーション		オリジナルのナビゲーション

http://www.titicaca.co.jp/

・ヘッダー部分の高さを調節した例

ヘッダー部分に挿入した画像等の高さに合わせて、ヘッダー部分の高さを調整した事例です。ヘッダーの高さが足りず、画像をすべて表示することができない場合に有効です。

通常のヘッダーの高さ （画像が一部切れている）		調整したヘッダーの高さ （画像が正しく表示されている）

・長文の箇所（お知らせなど）にスクロールバーをつけた例

「ショップからのお知らせ」など、更新が頻繁に行われる箇所は、更新を重ねるごとに文章量が増えるため、場所を大きく取ることがよくあります。そこで、そういった箇所にスクロールバーを取り付けて、表示域の縦幅を最適なサイズに固定し、コンパクトに表示できるようにいたしました。

長文にスクロールバーを設置してコンパクト化