ギャラリーではスライダーで複数の画像を表示し、店舗や商品のイメージ写真を掲載するのにおすすめです。
ギャラリー 変更手順
-
ギャラリー画像の変更方法
-
差替用の画像を作成し、画像ファイル管理からファイルをアップロードします。
サンプルサイトでは画像の表示サイズが横600px 縦は400pxです。
[ショップ作成] → [画像ファイル管理]をクリックすると、画像ファイル管理がポップアップにて表示されます。
-
作成した画像を選択し[アップロード]ボタンをクリック。
-
ファイル確認から作成した画像をクリックするとプレビュー画像と画像URLが表示されます。
プレビュー画像が作成した差替用のバナーである事を確認します。
-
アップロードが完了しましたら実際に差し替えていきます。
[ショップ作成] → [デザイン]から利用中のテンプレートの[テンプレート編集]をクリックします。
-
[トップ]の[項目編集]をクリックします。
-
ギャラリー画像1の設定値に画像URLをペーストします。
※ギャラリー画像2〜3も同手順となります。
-
変更しましたら、[保存]ボタンをクリック。
-
サイトにアクセスして変更が反映されている事を確認します。
-
ギャラリー タイトルの変更方法
-
[トップ]の[HTML・CSS編集]をクリックします。
- 下記を変更します。変更箇所はページ内に1カ所
(ページ内検索にて「ギャラリー」で探すと便利です。)
<h2 class="p-gallery__ttl">
見出しが入ります
</h2>
-
変更しましたら、[保存]ボタンをクリック。
-
サイトにアクセスして変更が反映されている事を確認します。
-
ギャラリー 本文の変更方法
-
[トップ]の[HTML・CSS編集]をクリックします。
- 下記を変更します。変更箇所はページ内に1カ所
(ページ内検索にて「ギャラリー」で探すと便利です。)
<div class="p-gallery__body">
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
</div>
-
ギャラリー 本文の設定値に記載された内容が表示されます。
-
変更しましたら、[保存]ボタンをクリック。
-
サイトにアクセスして変更が反映されている事を確認します。