EC-CUBE

EC-CUBE３．０系のインストール後のカスタマイズ

2017年6月21日 Leave a Comment

ロゴ上の「くらしを楽しむライフスタイルグッズ」の変更
- 管理画面 > コンテンツ管理 > ブロック管理 > ロゴ
トップページロゴタイトル部分、つまり店名の文字が大きすぎるので小さくする
1. /html/template/default/css/style.css
2. .header_logo_area .header_logo {
  font-size: 40px;
  font-size: 4rem;
  margin: 0;
  }
  ↓
  .header_logo_area .header_logo {
  font-size: 25px;
  font-size: 2.5rem;
  margin: 0;
  }
特定のカテゴリのみをグローバルメニューに追記する
- ブラウザのソースをコピーして、ブロックに追加する
  1. コンテンツ管理＞ブロック管理＞新規入力
  2. ブラウザのソースをコピペ
  3. ページ管理＞トップページのレイアウト編集　から未使用ブロックに追加されているのでドラッグ&ドロップで#headerに追加
検索のプルダウンが選択後、すぐに検索結果が表示されないのでプルダウンを削除
- プルダウンを選択後に検索ボタンの虫眼鏡ボタンを押すというのがわからないのではないかと。
- <div class=”drawer_block pc header_bottom_area”>
  <div id=”search” class=”search”>
  <form method=”get” id=”searchform” action=”{{ path(‘product_list’) }}”>
  <div class=”search_inner”>
  {{ form_widget(form.category_id) }}
  <div class=”input_search clearfix”>
  {{ form_widget(form.name, {‘attr’: { ‘placeholder’ : “キーワードを入力” }} ) }}
  <button type=”submit” class=”bt_search”><svg class=”cb cb-search”><use xlink:href=”#cb-search” /></svg></button>
  </div>
  </div>
  <div class=”extra-form”>
  {% for f in form.getIterator %}
  {% if f.vars.name matches ‘[^plg*]’ %}
  {{ form_label(f) }}
  {{ form_widget(f) }}
  {{ form_errors(f) }}
  {% endif %}
  {% endfor %}
  </div>
  </form>
  </div>
  </div>
  ↓
  <div class=”drawer_block pc header_bottom_area”>
  <div id=”search” class=”search”>
  <form method=”get” id=”searchform” action=”{{ path(‘product_list’) }}”>
  <div class=”search_inner”>
  <div class=”input_search clearfix”>
  {{ form_widget(form.name, {‘attr’: { ‘placeholder’ : “キーワードを入力” }} ) }}
  <button type=”submit” class=”bt_search”><svg class=”cb cb-search”><use xlink:href=”#cb-search” /></svg></button>
  </div>
  </div>
  <div class=”extra-form”>
  {% for f in form.getIterator %}
  {% if f.vars.name matches ‘[^plg*]’ %}
  {{ form_label(f) }}
  {{ form_widget(f) }}
  {{ form_errors(f) }}
  {% endif %}
  {% endfor %}
  </div>
  </form>
  </div>
  </div>
メイン画面の修正は、
1. コンテンツ管理＞ページ管理＞TOPページの編集
トップページに商品リストを表示させたい
1. ブロック管理に追加して、レイアウトで配置するという流れになります。
2. コンテンツ管理＞ブロック管理で新規入力して部録を作成します。
3. ページ管理＞TOPページの編集でブロックを配置します。
4. 商品が頻繁に入れ替えるのであれば、動的に表示させたほうが良いですが、急ぎなので、ブラウザから表示させたソースを静的にコピペしました。
htmlフォルダを外す方法はこちらへ