「デザイン」タグアーカイブ

EC-CUBE トップページへHTMLを書き加える方法(スマートフォン画面)


EC-CUBEのトップページへHTMLを書き加えたい場合、PC画面なら「デザイン管理」→「PC」→「ページ詳細設定」→「TOPページ」で編集できます。
しかし、スマートフォン画面の編集は少しやり方が違います。

1.ブロックを新規入力する

EC-CUBE管理画面へログインし、「デザイン管理」→「スマートフォン」→「ブロック設定」で、新規ブロックを入力します。
ec-cube

「ブロック名」「ファイル名」「ブロックの中身」を入力し「登録する」ボタンを押します。これで挿入するブロックの定義は完了です。

ここでは、次の様に入力してみました。「ファイル名」については半角英数字で入力しましょう。

ブロック名:テストブロック

ファイル名:test_block

 

2.ブロックをレイアウト設定する

「デザイン管理」→「スマートフォン」→「レイアウト設定」を選択。
ec-cube1
「TOPページ」のレイアウト編集をクリックし、作成したブロックを好きな位置へ配置します。右側から左側に向かって自由に設定したい位置にドラッグします。ドラッグしてブロックを配置したら「登録する」ボタンを押して変更を確定させます。

 

3.ブロックを編集する

メニュー > デザイン管理 > スマートフォン > ブロック設定

前項で追加した見出しがあるので、その行の「編集」をクリックします。

ブロックをここで設定します。自由にHTMLコードを記載可能です。更新が完了したら「登録する」ボタンを押せば更新は完了します。

 

 

EC-Cubeは、スマートフォン画面の変更方法が少し異なっていて紛らわしいです。