EC-CUBEカスタマイズ:サイトデザインのカンタン変更(2.13.3)

レスポンシブWebデザイン版と、非レスポンシブのカスタムデザイン版で利用できる機能です。
50点のパターンからお好みのものをご利用下さい。
これらを利用しないで、ご自身でカスタマイズされることももちろん可能です。
それぞれのフォルダにあるstyle.cssが、common.css等のコードを上書き処理する形でスタイルを変更しています。

この記事のインデックス

変更方法

レスポンシブWebデザイン版

■data/Smarty/templates/default/site_frame.tpl
142行目付近、「000」の値を変更して下さい。
<!–▼デザイン変更–>
< link rel=”stylesheet” href=”<!–{$TPL_URLPATH}–>design/000/style.css” type=”text/css” media=”all” />

非レスポンシブのカスタムデザイン版

■html/user_data/packages/default/css/import.css
「000」の値を変更して下さい。
@import url(“../design/000/style.css”);

デザインパターン

  • *001
  • *002
  • *003
  • *004
  • *005
  • *006
  • *007
  • *008
  • *009
  • *010
  • *011
  • *012
  • *013
  • *014
  • *015
  • *016
  • *017
  • *018
  • *019
  • *020
  • *021
  • *022
  • *023
  • *024
  • *025
  • *026
  • *027
  • *028
  • *029
  • *030
  • *031
  • *032
  • *033
  • *034
  • *035
  • *036
  • *037
  • *038
  • *039
  • *040
  • *041
  • *042
  • *043
  • *044
  • *045
  • *046
  • *047
  • *048
  • *049
  • *050