EC-CUBE3な日々 / TOPページ

新着情報

全て閉じる▲

2016/05/03 Googleアナリティクス設定: Googleアナリティクス設定をしておくと訪問者情報が取得できるのでSEO対策に有効
Google Analytics 簡単設置プラグインを設置する方法もあるけれど、
とりあえずフッターブロック辺りにトラッキングコードを書いておけば使えます。

Google Analytics

2016/04/30 EC-CUBE3 対応のプラグイン一覧: EC-CUBE3 対応のプラグイン一覧
ダウンロードには EC-CUBE公式サイトで無料のユーザ登録が必要

インストールするには
[ オーナーズストア] > [認証キー設定] に認証キーを入れると
[ オーナーズストア] > [プラグイン] > [購入済プラグイン] に表示されるようになるのででインストールする。

またはダウンロードしたファイルを [ オーナーズストア] > [プラグイン] > [プラグイン一覧]の
独自プラグインのからアップロードする。

EC-CUBEプラグインをつくろう
 EC-CUBE/ec-cube - 開発者向けドキュメント

2016/04/27 "くらしを楽しむライフスタイルグッズ" の場所: 管理画面から [ コンテンツ管理] → [ブロック管理] で編集します。
ブロックにはギャラリー、フリーエリア、新着商品、フッター、ロゴ、ログイン、新着情報、商品検索、カゴの中、カテゴリがあります。

"くらしを楽しむライフスタイルグッズ" の場所
ロゴに直書きされているので適宜修正。

"5,000以上の購入で配送料無料一部地域は除く" の場所
フリーエリアに直書きされているので適宜修正。

ちなみに、ページのレイアウトを修正したい場合は [ コンテンツ管理] → [ページ管理] で修正したいページのレイアウトを編集します。
これでブロック単位で表示/非表示が制御できます。

例えば、TOPページに新着情報を表示したくない場合は、#contents_bottom にある
「新着商品」を「未使用ブロック」にドラッグ＆ドロップします。

ブロックで編集した内容は /app/template/default/Block に保存されます。

2016/04/27 font-awesome を適用する

font-awesome を使うとWebフォントを使った多彩なアイコンを使えるようになるので、これを適用する。
CSS が管理画面から直接編集できないようなので、html/template/default/css/style.css を直接編集して、
途中に

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css");

を加える。
こんな風に使えるようになる。
実は font-awesome には EC 系のアイコンも多数ある。
他多数

でも、ちょっと使いづらいとは思うので font-awesome を簡単に使えるプラグインとか作ろうかな。

個別ページ

2016/04/27 ブログっぽく使うには

ここは EC-CUBE3 を技術的な側面から試すサイトです。
お店的ではなく、備忘録としてブログ風に使えれば良いので、
なるべく標準インストールのまま、EC-CUBE本体の改造は
あまり行わないをコンセプトに、とりあえず新着情報を使っていきます。

新着情報は管理画面の [ コンテンツ管理] ＞ [新着情報管理] で登録・編集・削除を行います。

本文は3000文字の文字数制限あり。UTF-8 の文字数ではなく、２バイトコードの文字数でチェックされます。
結構簡単に 3000文字超えてしまうので、制限を修正。
src/Eccube/Form/Type/Admin/NewsType.php の 83 行目ぐらいの

 ->add('comment', 'textarea', array(
    'label' => '本文',
    'required' => false,
    'constraints' => array(
        new Assert\Length(array('max' => $this->config['ltext_len'])),
    ),
 ))

上の ltext_len → lltext_len (l が２つ) に変えるだけで 99999 文字まで入るようになります。

EC-CUBE3系ではテンプレートエンジンが twig になっています。
twig では、コンテンツはデフォルトでエスケープされますが
最新バージョンの本文表示は以下の様に記述されています。
{{ News.comment | raw | nl2br }}
意味は、

\| raw	エスケープされない。= htmlタグが記述できる。
\| nl2br	改行コードを <br /> に変換する。

ちなみにこのテンプレートは
[ コンテンツ管理] > [ブロック管理] > [新着情報] > [･･･] > [編集] で編集可能。

新着情報のテーブルは dtb_news。news_id はシーケンスになっています。

twig 公式(英語)

個別ページ |◀ ◀ … 8 9 11 ▶ ▶|

Lineスタンプ作りました。

EC-CUBE3な日々 - 商品一覧
2019/04/19
毎日使える初音ミク
2018/04/20
深海魚、深海の生き物（名前入り）
2019/06/18
夜に使えるフクロウラインスタンプ
2018/04/12
礼儀ただしい「丁稚(でっち)」ラインスタンプ
2017/05/24
フィードリーダ