EC-CUBEに画像を表示させる

EC-CUBE 4 開発者向けドキュメント...

画像管理について 画像についてデザインカスタマイズの際に、画像を追加したい場合ディレクトリに直接追加する方法と、管理画面からアップロードする方法があります。

ディレクトリに直接追加する方法と、管理画面からアップロードする方法があります。

ディレクトリに直接追加する方法

画像ディレクトリのパスは！？

標準ディレクトリ（※EC-CUBEがインストールされているディレクトリを ECCUBEROOT とします。）

ECCUBEROOT/html/template/default/assets/img/
いつもはここにアップロードしていたのですが、今回はなぜかいつも通りのことをしても表示されないので
あれれと思ったら、テンプレートをインストールしていたという違いがありました！！

テンプレート配置時の標準ディレクトリ

ECCUBEROOT/html/template/[template_code]/assets/img/
→ [template_code]とは、テンプレートを識別するためのコード。
標準ではフロントの場合「default」

ついでにその画像へのリンク方法は・・・

画像へのリンク方法

画像を呼び出したい場合は、twig形式で以下の様に書きます。

{{ asset('assets/img/ディレクトリ名/画像名') }}

例）topディレクトリの中のhoge.jpgを表示したい場合

<img src="{{ asset('assets/img/top/hoge.jpg') }}" alt="hoge">

以下の書き方も可能です。※ただしデザインテンプレートを切り替えた際に表示されなくなります。

<img src="html/template/defult/assets/img/top/hoge.jpg" alt="hoge">

あわせて読みたい

備忘録 FileZillaの使い方 久しぶりに使うと、うろうろして単純ミスを行うので備忘録。ちなみに今回のミスは、パスワードをコピペした事が原因だった。スペースを1文字として貼り付けたのが原因。...