
EC-CUBEでECサイトを構築すると、ブログへのリンクを貼りたくなります。(ブログからEC-CUBEへのリンクは簡単なんですけどね~)
上の画像は、左サイドメニューに「ブログへのリンク」を表示させたもの。
こんな感じで、文字も画像も表示することが出来ます。
その手順は、簡単です。
1.新規ブロックを作成し、表示したい内容を記述
2.作成したブロックを、表示したい『ページ』の『場所』にドラッグ&ドロップ
1.新規ブロックを作成し、表示したい内容を記述
![]()
(クリックで拡大されます。)
『EC-CUBE』では表示する内容を『ブロック』というもので管理しています。
『EC-CUBE』の管理画面で、「デザイン管理」==>>「レイアウト設定」と進んだ画面が↑。
ここで『新規ブロック作成』ボタンをクリック。
新規ブロックの内容を入力し『登録』ボタンを。
今回は、表示させた文字をクリックすると別HPへ飛ぶような内容を入力しています。
2.作成したブロックを、表示したい『ページ』の『場所』にドラッグ&ドロップ
![]()
(クリックで拡大されます。)
2つの新規ブロックを登録しました。
『顔写真を出そう』と『ブログへのリンクを貼ろう』です。
新規ブロックはまず、右側の未使用ブロックに表示されるので、左サイドバーまでドラッグ&ドロップしています。

ポイントは、『EC-CUBE』は上のように複数のページで構成されていること。
『TOPページ』の変更は他の『商品一覧ページ』等のページには影響を及ぼしません。各々のページにて設定をする必要があります。
これで、有る程度簡単に、好きな文字・画像を表示させることができます。もちろん、その文字・画像にリンク設定しておけば、リンクになるわけですね・・・(^^)v
補足です。では、QRコードを表示させるには・・・。
1.QRコードを作成
2.QRコードの画像ファイルをサーバーに登録
3.QRコードを表示させるブロックを作成
4.QRコードを表示させるブロックを「レイアウト編集」で設定
1.QRコードを作成
『QRコード作成』で検索すると、無料作成サイトが見つかります。そこでQRコード(画像ファイル)を作成して下さい。
2.QRコードの画像ファイルをサーバーに登録
『EC-CUBE』の管理画面で、「コンテンツ管理」==>>「ファイル管理」と進んで、ファイルをアップロード。
アップロードする場所は分かり易くしておきましょう。
例えば、 packages --> default --> img に、「qr-code.jpg」というファイル名で保存。
3.QRコードを表示させるブロックを作成
ブロックの中身はこんな感じで。
当店の携帯サイトへはこちらからどうぞ。
<img src="http://ukag.jp/eccube/html/user_data/packages/default/
img/qr-code.jpg"
alt="当店の携帯サイトへはこちらからどうぞ。" width="156" height="156"
border="0" />
(注)画像ファイルへのアドレスの最初の部分は、皆さんで異なりますので、ご注意を。
税理士法人川中経営
税理士・ITC 川中重司
EC-CUBE:リンク集やQRコードを表示するには、ブロックを増やす