ピックアップバナーの編集方法

ピックアップバナーでは店舗の情報をバナー形式でわかりやすく見せることが出来ます。
ウィンドウ幅を超えて表示される場合は、スライダーで表示されます。

ピックアップバナー変更手順

バナー画像を作成し、画像ファイル管理からファイルをアップロードします。
サンプルサイトでは画像の表示サイズが横300px 縦は150pxです（推奨サイズは横600px 縦は300pxです）。
[ショップ作成] → [画像ファイル管理]をクリックすると、画像ファイル管理がポップアップにて表示されます。
作成したバナー画像を選択し[アップロード]ボタンをクリック。
ファイル確認から作成した画像をクリックするとプレビュー画像と画像URLが表示されます。
プレビュー画像が作成したバナー画像であることを確認します。
アップロードが完了しましたら実際に差し替えていきます。
[ショップ作成] → [デザイン]から利用中のテンプレートの[テンプレート編集]をクリックします。
[トップ]の[HTML・CSS編集]をクリックします。
ページ内検索にて「ピックアップエリアを有効にする際は、この行を削除してください。」を検索し、該当箇所を削除してください（全部で2箇所あります）。

削除箇所は下記のようになります。
```
<{* ピックアップエリアを有効にする際は、この行を削除してください。
```
```
ピックアップエリアを有効にする際は、この行を削除してください。 *}>
```
下記を変更し、掲載するバナーを登録してください（掲載するバナー数に応じて複製してご利用ください）。
```
          <li class="splide__slide">
            <div class="p-top-pickup__item">
              <a href="#">
                <img src="https://img.shop-pro.jp/tmpl_img/91/no-image-banner.png" alt="" loading="lazy" width="300" height="150">
              </a>
            </div>
          </li>
```
- [href="#"]はバナーのリンク先になります。適宜変更してください。
- [src="https://img.shop-pro.jp/tmpl_img/91/no-image-banner.png"]はバナー画像のURLになります。適宜変更してください。
- [alt=""]はバナー画像のalt属性になります。適宜変更してください。
- [width="300"]、[height="150"]はバナー画像の幅と高さになります(調整不要です)。
変更しましたら、[保存]ボタンをクリック。
サイトにアクセスして変更が反映されている事を確認します。