ITOBEN STYLE > EC-CUBE3 > EC-CUBE3カスタマイズ：No.1 レイアウト変更・カテゴリブロック追加 2016年11月7日カテゴリー: EC-CUBE3 EC-CUBE3カスタマイズ：No.1 レイアウト変更・カテゴリブロック追加 現行サイトへ、カスタマイズの実装を希望される方はこちら ▽カスタマイズ内容 ・トップページのサイドカラム（#side_leftと#side_right）にブロックを配置してもレイアウトは乱れない。 トップページで2カラム、3カラム表示が可能となる。 スライド画像は、contents_topエリアに移動する。（twigファイルをインクルード） ・メインカラムを先に読み込む。 管理画面の「ページ管理」で各カラムにブロックを配置したとき、PC画面では管理画面と同様のカラム配置で表示され、スマホ画面ではメインカラムが一番上に表示される。 （デフォルトのEC-CUBEでは、スマホ画面では左カラムが一番上に表示されます） 順序：メインカラム→左カラム→右カラム ・ブロック：新着情報（news.twig）とフリーエリア（free.twig）の横並びの設定を解除する。 ・ヘッダー部に配置されている「カテゴリ」ブロックとは別に、新規で「カテゴリ（サイド）」ブロックを作成しサイドカラムに配置できるようにする。 ▽デモサイト http://kaiplus.com/part/eccube3-4/ ▼管理画面で左カラムにブロックを配置 ▼フロントでの表示 ▼左カラムと右カラムにブロックを配置 ▼フロントでの表示 ▼スマホで表示（メインカラムが最初に表示される） ▼ブロック：新着情報（news.twig）とフリーエリア（free.twig）の横並びの設定を解除する。 ▼ヘッダー部に配置されている「カテゴリ」ブロックとは別に、新規で「カテゴリ（サイド）」ブロックを作成しサイドカラムに配置できるようにする。 【ご利用の流れ】 1.空フォルダをダウンロードします。空フォルダは各カスタマイズごとに異なります。対象となる空フォルダをダウンロードしてください。その際、EC-CUBEのバージョンとデータベースの種類をお書き添えください。 2.現行サイトのファイルを空フォルダに入れた後、zip形式等で圧縮し下記送信先にお送りください。 3.こちらでカスタマイズを施し、ファイルと請求書を送信いたします。 4.お客様ご自身でデータベースの追加・ファイルのアップロードを行い、動作確認をしてください。 5.料金は後払いで結構です。動作に問題がなければ、指定の銀行に料金をお振り込みください。 ★カスタマイズによっては、データベースへの追加等が必要になる場合があります。 データベース追加用の命令文（SQL）はこちらで用意しますので、作業はお客様でお願いいたします。 現行サイトへ、カスタマイズの実装を希望される方はこちら
現行サイトへ、カスタマイズの実装を希望される方はこちら
▽カスタマイズ内容
トップページで2カラム、3カラム表示が可能となる。
スライド画像は、contents_topエリアに移動する。（twigファイルをインクルード）
・メインカラムを先に読み込む。
管理画面の「ページ管理」で各カラムにブロックを配置したとき、PC画面では管理画面と同様のカラム配置で表示され、スマホ画面ではメインカラムが一番上に表示される。
（デフォルトのEC-CUBEでは、スマホ画面では左カラムが一番上に表示されます）
順序：メインカラム→左カラム→右カラム
・ブロック：新着情報（news.twig）とフリーエリア（free.twig）の横並びの設定を解除する。
・ヘッダー部に配置されている「カテゴリ」ブロックとは別に、新規で「カテゴリ（サイド）」ブロックを作成しサイドカラムに配置できるようにする。
▽デモサイト
http://kaiplus.com/part/eccube3-4/
▼管理画面で左カラムにブロックを配置
▼フロントでの表示
▼左カラムと右カラムにブロックを配置
▼フロントでの表示
▼スマホで表示（メインカラムが最初に表示される）
▼ブロック：新着情報（news.twig）とフリーエリア（free.twig）の横並びの設定を解除する。
▼ヘッダー部に配置されている「カテゴリ」ブロックとは別に、新規で「カテゴリ（サイド）」ブロックを作成しサイドカラムに配置できるようにする。
【ご利用の流れ】
1.空フォルダをダウンロードします。空フォルダは各カスタマイズごとに異なります。対象となる空フォルダをダウンロードしてください。その際、EC-CUBEのバージョンとデータベースの種類をお書き添えください。
2.現行サイトのファイルを空フォルダに入れた後、zip形式等で圧縮し下記送信先にお送りください。
3.こちらでカスタマイズを施し、ファイルと請求書を送信いたします。
4.お客様ご自身でデータベースの追加・ファイルのアップロードを行い、動作確認をしてください。
5.料金は後払いで結構です。動作に問題がなければ、指定の銀行に料金をお振り込みください。
★カスタマイズによっては、データベースへの追加等が必要になる場合があります。
データベース追加用の命令文（SQL）はこちらで用意しますので、作業はお客様でお願いいたします。
現行サイトへ、カスタマイズの実装を希望される方はこちら