ショップ総合

スライダーの設定

ショップ総合ページに表示させるスライダーを設定します。
スライダーはPC、SP(スマートフォン)それぞれで設定することができます。
また画像へのテキストの設定は、まとめて設定することも可能です。
スライダーの設定(PC)
スライダーの設定(SP)
多くのスライダーを設定し過ぎますと、ページの読み込みに時間が掛かりアクセシビリティに悪影響を及ぼします。3~5イメージ程度が適切だと思われます。

◆アップロード画像サイズ・形式について

画像推奨サイズ:【横幅:1320px】 【縦:1280px】以上
登録可能ファイル形式:.jpg
容量制限:合計10MB(※1回のアップロードにおける合計)

◆画像をアップロードする

まず、スライダーに設定する画像をCMS管理画面に保存します。

①「イメージスライダーのライブラリー」項目にある【画像をアップロード】ボタンをクリックし、画像を選択してください。


②「登録完了」と画面に表示され「アップロード済みのスライドイメージ用画像」項目にアップロードした画像が追加されます。

◆アップロード済み画像を「スライダー画像」に設定する

アップロードした画像をクリックすると「イメージスライダーの編集」画面が出現しますので設定してください。
全て任意項目です。

〇タイトル
タイトルを入力してください。

〇レイアウト
・文字色
 ブラック、ホワイト、スカイブルー、グラスグリーン、マリーゴールド、パステルピンク、カーキからお選びください。
・文字サイズ
30~80の間でお選びください。
・文字の種類
明朝、ゴシックからお選びください。

〇説明文
説明文を入力してください。

〇レイアウト
・文字色
 ブラック、ホワイト、スカイブルー、グラスグリーン、マリーゴールド、パステルピンク、カーキからお選びください。
・文字サイズ
14~22の間でお選びください。
・文字の種類
明朝、ゴシックからお選びください。

〇フィルター
0%~90%からお選びください。
数字が大きいほど、フィルターが濃くなります。

〇リンク
画像に設定するリンクです。
※リンクは、ツクツク!!!サイト内のURLのみ設定可能です。
プルダウンからモジュールを選択し「○○.tsuku2.jp/」から後URLを入力してください。
下記より1つお選びください。
ホーム https://home.tsuku2.jp/
通販  https://ec.tsuku2.jp/
ウェブチケット https://ticket.tsuku2.jp/
グルメ https://gourmet.tsuku2.jp/
ビューティー https://beauty.tsuku2.jp/
ファーム https://farm.tsuku2.jp/

設定が完了したら【保存する】ボタンをクリックし、保存をしてください。
保存後、画像は「選択済みのスライドイメージ」項目に表示されます。

◆複数のスライドイメージをまとめて編集する

スライドイメージに設定済みの画像に対して、まとめて編集することができます。

①【まとめて編集】ボタンをクリックしてください。

②クリック後、【まとめて編集】ボタンが【編集対象を選択してください】に切り替わり、現在スライダーに設定されている画像が、グレーに覆われます。

③編集を行う画像をクリックし選択してください。該当の画像には「選択中」と表示されます。

④画像選択が終わりましたら【編集する】ボタンをクリックしてください。

⑤編集画面が出現しますので変更を行う項目の編集を行ってください。
全ての項目が空欄となっており、元々設定していた内容は反映されていません。
修正を行う項目だけ変更してください。変更をしない項目は空欄のままとしてください。


「まとめて編集」で編集を行うことができる項目
〇タイトル
文字色、文字サイズ、文字の種類

〇説明文
文字色、文字サイズ、文字の種類

〇フィルター
パーセンテージの設定

〇リンク
画像に設定するリンクです。
※リンクは、ツクツク!!!サイト内のURLのみ設定可能です。
プルダウンからモジュールを選択し「○○.tsuku2.jp/」から後URLを入力してください。
下記より1つお選びください。
ホーム https://home.tsuku2.jp/
通販  https://ec.tsuku2.jp/
ウェブチケット https://ticket.tsuku2.jp/
グルメ https://gourmet.tsuku2.jp/
ビューティー https://beauty.tsuku2.jp/
ファーム https://farm.tsuku2.jp/

⑥【保存する】ボタンをクリックし、保存をしてください。
「一括処理完了」が表示され、保存が完了いたします。


編集を中止する場合 【中止する】ボタンをクリックしてください。
画像選択に戻る場合 【画像選択に戻る】ボタンをクリックしてください。

◆個別にスライドイメージを編集する

①スライダーに設定している画像の上にマウスオンすると【編集】、【削除】ボタンが表示されますので【編集】ボタンをクリックしてください。(モバイル端末の場合は【編集】、【削除】ボタンは画像横に表示されています。)


②「イメージスライダーの編集」画面が出現しますので編集を行い、【保存する】ボタンをクリックし、保存をしてください。

設定方法は、本マニュアル画面内◆アップロード済み画像を「スライダー画像」に設定するをご確認ください。

◆スライダーの並び順を変更する

「選択済みのスライドイメージ」項目の画像をドラッグ&ドロップで変更したい位置へ変更してください。
変更後、【並び順を保存】ボタンをクリックし、保存してください。

◆登録した内容をプレビューで確認する

画面上部にある【プレビュー】ボタンをクリックすると、設定内容が反映されたショップ様のプレビューページを確認することができます。
プレビュー専用です。アドレス(URL)を宣伝に使用しないでください。

◆スライドイメージを削除する

スライダーに設定中の画像を削除(設定解除を行う
CMS管理画面からは削除せず、スライダーの選択から削除(解除)を行います。

①「選択済みのスライドイメージ」項目の画像の上にマウスオンすると【編集】【削除】ボタンが表示されます。


②【削除】ボタンをクリックすると、「画像の選択を解除します。よろしいですか。」と表示されますので【はい】をクリックし、削除(設定解除)を行ってください。
(モバイル端末の場合は【編集】、【削除】ボタンは画像横に表示されています。)

スライドイメージをCMS管理画面からデータの削除を行う
CMS管理画面から画像データの削除を行います。
※削除された画像は復元できません。
※使用箇所はリンク切れ状態(貴店ページには画像は表示されないが、CMSで設定したテキスト、URLは反映されている状況)となります。


「イメージスライダーのライブラリー」項目の画像の右上の「×」ボタンをクリックすると削除確認画面が表示されます。【削除】ボタンをクリックし、削除を行ってください。

◆TIPS

ショップ様総合ページのスライダーの仕様についてはこちらもご確認ください。
以前のスライダーイメージの設定・通販・ウェブチケットのスライダーイメージの設定はこちらをご確認ください。



TOP