CMS:レンジスライダーを追加・設定する

読了時間:2分
重要:
この要素は、現在 Editor X と Wix Studio エディタではご利用いただけません。
レンジスライダーをサイトに追加して、値の範囲を表示します。サイト訪問者がレンジスライダーを操作し、ハンドルを動かして独自の値を設定できるように、レンジスライダーを設定できます。
始める前に:
ページにレンジスライダーを追加するには、CMS を追加する必要があります。
「価格帯は?」というタイトルのレンジスライダー要素を示すスクリーンショット。

レンジスライダーを追加・設定する方法:

  1. エディタ左側で「追加 をクリックします。
  2. 入力欄」をクリックします。
  3. スライダー」をクリックします。
  4. 選択したレンジスライダーをクリックします。
  5. 設定」をクリックします。
  6. 項目タイトル」項目にレンジスライダーのタイトルを追加します。
  7. スライダーの種類を選択します:
    • 目盛なし:訪問者は、定義された範囲内で任意の値を自由に選択できます。
    • 目盛あり: 訪問者は特定の値を選択できます。ただし、訪問者が送信できるデータはサイト管理者が制御します。「目盛りに使用する数値」下でオプションを選択します:
      • 数値:目盛の数を入力します。
      • :目盛の値を入力します。これは目盛間のスペースを制御します。
  8. 訪問者が選択できる最小値を入力します。
  9. 訪問者が選択できる最大値を入力します。
  10. 選択された最小値」を入力します。これは、ページが最初に読み込まれるときに設定される最小値です。
  11. 選択された最大値」を入力します。これは、ページが最初に読み込まれるときに設定される最大値です。
  12. (目盛付きスライダータイプのみ)訪問者がスライダーハンドルにマウスオーバーしたときに表示されるツールチップの値を入力します:
    • 接頭辞:目盛の値の左側に表示されます(例: $)。
    • 接尾辞:目盛の値の右側に表示されます(例: %)。
$30 を選択した最大値がハイライトされた目盛付き範囲スライダーを示すスクリーンショット。
  1. (オプション)「読み取り専用」チェックボックスを選択すると、訪問者が調整できない値の範囲が表示されます。

お役に立ちましたか?

|