 |
 |
|
 |
【1】イプシロン決済モジュールがバージョンアップ
【2】ゼウス決済モジュールがバージョンアップ
【3】ルミーズ決済モジュールがバージョンアップ
|
|
 |
「MOJI フォント/デザイン書体の販売サイト」（スキルインフォメーションズ株式会社様様）
「満点クッキングレシピショウ」（テレビ新広島様様） |
|
 |
「1から実践！カスタマイズのススメ」 |
|
|
|
 |
|
| 【1】イプシロン決済モジュールがバージョンアップ |
|
| イプシロン決済モジュールをバージョンアップ致しました。 |
|
|
|
|
| 【2】ゼウス決済モジュールがバージョンアップ |
|
| ゼウス決済モジュールをバージョンアップ致しました。 |
|
|
|
|
| 【3】ルミーズ決済モジュールがバージョンアップ |
|
| ルミーズ決済モジュールをバージョンアップ致しました。 |
|
|
|
|
 |
|
 |
 |
スキルインフォメーションズ株式会社様による
「MOJI フォント/デザイン書体の販売サイト」 |
|
|
| 物販販売（パッケージ）と1フォントからのダウンロード販売を組み合わせた2.11系ならではの事例。 |
|
| ダウンロード版では書体イメージや作家、フォントタイプといった詳細な検索も可能な秀逸事例です！ |
|
|
|
|
|
 |
|
テレビ新広島様による
「満点クッキングレシピショウ」 |
|
|
| テレビ番組の料理コーナーの有料動画配信サイトをEC-CUBEで構築。 |
|
| EC-CUBEで構築された既存のウェブショップと動画配信プラートフォームを連携させ新たなサイトを構築された秀逸事例です。 |
|
|
|
|
|
 |
|
| 今月から不定期にお送りするこのコーナーでは、EC-CUBEのデザインカスタマイズのノウハウをお知らせしていきます！ |
|
| テーマ1 |
| トップページにはキービジュアルを出し、下層ではなくしたい
| |  |
|
|
|
| トップページでは、大きく商品を訴求、または特集を組んだりしたいけど、下層では少々邪魔になるのでなくしたい場合、ありませんでしょうか？
|
|
↑トップページではキービジュアルを出し
|
|
↑下層ではキービジュアルをなくす
|
|
| ヘッダーとグローバルナビの間にキービジュアルを持っていきたいのですが、新規でブロックをつくってレイアウト設定しても…
|
|
|
ナビの下に来てしまったり…ヘッダーよりも上に来てしまったり…
単純なブロックの設定では、なかなか希望通りの場所に設定できません。 |
|
| そこで！便利なのが、以下のタグです。 |
|
<!--{if $smarty.server.PHP_SELF == “`$smarty.const.ROOT_URLPATH`index.php”}-->
トップページのみに表示させたい内容
<!--{/if}--> |
|
| デザイン管理＞PC＞ヘッダー/フッター設定 |
|
のヘッダー内にこのタグを記述すれば、トップページには記述され、トップページ以外には記述されません。これでトップだけに出したいキービジュアルは、下層には反映されなくなりました。
次に気になるのは… |
|
| テーマ2 |
| トップページと、下層ページのCSSを各々違うものに変えたい
| | |
|
|
|
| このテンプレートの、「body」のCSSをのぞいてみましょう。 |
|
body {
background: url(”../img/common/bg_all.jpg”) repeat-x scroll left 482px #FFFFFF;
color: #333333;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 72.5%;
letter-spacing: 0.1em;
line-height: 150%;
} |
|
| となっていますが、これだけでは下層ページに遷移すると… |
|
|
| トップページの、キービジュアル分がなくなったせいで、下層ページに遷移した際に背景画像がうまくあわなくなってしまっています。 |
|
| そこで！ |
|
<!--{if $smarty.server.PHP_SELF == “`$smarty.const.ROOT_URLPATH`index.php”}-->
body {
background: url(”/shop/user_data/packages/0032/img/common/bg_all.jpg”) repeat-x scroll left 482px #FFFFFF;
color: #333333;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 72.5%;
letter-spacing: 0.1em;
line-height: 150%;
}
<!--{/if}--> |
|
| site_frame.tpl内の、「〜」の間にcssを記述して、トップだけで、読み込むcssを書けば… |
|
|
| これで、どちらのページも背景画像がきれいに配置されました。 |
|
| この記述方法、他にもいろんなところに多用されています。たとえばこのテンプレートでは、トップではフッターを大きくとり、下層に入ると、フッターは簡略化されていますが、これもやり方は同じ。フッター部分の、赤枠のところだけをトップだけで出したいので… |
|
|
|
| footer.tpl内に記述。 |
<!--{if $smarty.server.PHP_SELF ==
“`$smarty.const.ROOT_URLPATH`index.php”}-->
赤枠部分のコーディング
<!--{/if}-->
|
|
| オーナーズストアでは、デザインテンプレートの他にも決済モジュールや販売促進モジュールを多数取り揃えております。ショップの開店から運営まで、欲しい機能が全てそろう！一度、ぜひ足をお運びください。 |
|
 |
|
 |
|
|
|
今までは、拡大画像でしか詳細を確認できなかったデザインテンプレート。選ぶ際に、もっとじっくり見たいのに…と思われた方は少なくないはず。そこで！オーナーズストアで販売しているデザインテンプレートのデモサイトが、遂に出来ました！一番注目されているデザインテンプレートを毎月デモサイトに反映していくので、今まで見られなかったページ等も、じっくりご確認いただくことが可能になります。
今月は、今回上記カスタマイズコーナーでも取り上げました「L0032」のテンプレートを適応させています。スマートフォン・モバイルももちろん対応していますので、実機やシミュレーターなどでも3デバイスの動き方をそれぞれ確認いただけますよ！ぜひ、一度ご覧ください。 |
|
|
|
|
|
 |
|
| ▼ |
イベント/セミナー告知 −Event＆Seminar |
|
|
|
|
|
|
|
|
|
|
本メールニュースは、過去に弊社社員が名刺交換をさせていただきました方にもご送付しております。本メールニュースの配信を中止するには、こちらよりユーザー登録解除を行ってください。
発行: EC-CUBE開発チーム
関連サイト：オフィシャルサイト、開発コミュニティ、オーナーズストア |
|
| Copyright (C) LOCKON CO.,LTD. All rights reserved |
 |
|
|
