カテゴリー: EC-CUBE3

①　オーナーズストア＞プラグイン＞プラグイン一覧のショッピングガイドの「設定」をクリックします。
②　「送料について」と「配送について」を入力すると、フロントページに反映されます。HTMLタグの入力も可能です。

プラグインのインストール後、twigファイルは下記フォルダに生成されます。
■app/template/default/Block/

最近チェックした商品：checkeditem.twig
手動売り上げランキング商品管理プラグイン：manualranking_product_block.twig
新商品自動表示：newitemauto.twig
定休日管理プラグイン：pg_calendar.twig
ピックアップ商品管理プラグイン：pickup_product_block.twig
おすすめ商品管理プラグイン：recommend_product_block.twig
売上ランキング：sales_ranking.twig
ショッピングガイド：shoppingguideitoben.twig

（1）オーナーズストア＞プラグイン一覧
独自プラグイン→ プラグインのアップロードはこちら

　（1）カテゴリ　category.twig
・#headerに配置しても表示されません。
・ドロワーメニューには反映されません。
・子カテゴリはアコーディオン形式で開きます。

（2）新着情報　news.twig

▼テンプレートファイルの場所
■src/Eccube/Resource/template/default/Block/

記述タグ例
——————————–
<span class=”cb glyphicon glyphicon-star”></span>
——————————–
アイコン一覧
http://bootstrap3.cyberlab.info/components/glyphiconsTable.html

EC-CUBE3のデフォルトCSS　style.css　default.css　はほとんど修正していません。
「default.css」の最後に、独自のCSSを追加しています。

①　全体の幅を変更

/* --------------------------------
Common
-------------------------------- */
.inner {
max-width: 1150px;
}
/* ★全体の幅を変更★ */
.inner {
max-width: 1000px;
}

②　価格表示の変更

.item_price {
color: #525263;
font-weight: bold;
}
↓【変更】
.item_price {
color: #525263;
font-weight: bold;
}
.item_price {
color: #C00;
font-weight: normal;
}

③　追加

/* ▼レイアウト変更（スマホ表示の際、メインカラム（#main）が上に表示されるようにする） */
/* レフトカラムにのみブロックあり */
.theme_side_left #side_left {
float: left;
width: 25%;
padding-right: 16px;
}
.theme_side_left #main {
float:right;
width:75%;
}
/* レフトカラムとライトカラムにブロックあり */
.main-left {
float:left;
width:75%;
}
.theme_side_both #side_left {
float: left;
width: 33.3%;
padding-right: 16px;
}
.theme_side_both #main {
float: right;
width:66.6%;
}

下記の記述以降が独自CSSです。

/* |||||||||||||||■デザインテンプレートカスタマイズ■||||||||||||||| */

サイドカラムより先にメインカラムを読み込むレイアウトになっています。
メインカラム→左カラム→右カラムの順で構成されています。
管理画面の「ページ管理」で各カラムにブロックを配置したとき、PC画面では管理画面と同様のカラム配置で表示されますが、スマホ画面ではメインカラムが一番上に表示されます。
（デフォルトのEC-CUBEでは、左カラムが一番上に表示されます）