フッター背景画像の編集方法
ご注意:こちらはテンプレート編集(上級者モード)のご案内になります。
フッター背景画像を編集することができます。
差し替え手順
- 差替用の画像を作成し、画像ファイル管理からファイルをアップロードします。
サンプルサイトでは画像サイズが横1400px 縦は520pxです。
[ショップ作成] → [画像ファイル管理]をクリックすると、画像ファイル管理がポップアップにて表示されます。
- 作成した画像を選択し[アップロード]ボタンをクリック。
- ファイル確認から作成した画像をクリックするとプレビュー画像と画像URLが表示されます。
プレビュー画像が作成した差替用の画像である事を確認します。
- アップロードが完了しましたら実際に差し替えていきます。
[ショップ作成] → [デザイン]から利用中のテンプレートの[テンプレート編集]をクリックします。
- [共通]の[HTML・CSS編集]をクリックします。
- 下記を変更します。変更箇所はページ内に1カ所
(ページ内検索にて「フッター背景画像差し替え箇所」で探すと便利です。)
変更前:
<div class="l-footer is-<{$tpl_name}>" style="background-image: url(https://img.shop-pro.jp/tmpl_img/85/footer-bg.jpg);">
変更後:画像ファイル管理から作成した画像をクリックします。画像URLが表示されますのでコピーし、差し替えたい箇所へペーストします。
<div class="l-footer is-<{$tpl_name}>" style="background-image: url(こちらに画像URLをペースト);">
画像URLを記入します。
- 変更しましたら、[更新]ボタンをクリック。
- サイトにアクセスして変更が反映されている事を確認します。