CMS: 범위 슬라이더 추가 및 설정하기

2 분 분량
중요!
해당 요소는 아직 에디터 X 또는 Studio 에디터에서 사용할 수 없습니다. 
사이트에 범위 슬라이더를 추가해 값의 범위를 표시하세요. 사이트 방문자가 범위 슬라이더와 상호 작용하고 핸들을 움직여 값을 설정할 수 있도록 범위 슬라이더를 설정할 수 있습니다.
시작하기 전:
페이지에 범위 슬라이더를 추가하려면, 반드시 CMS를 추가해야 합니다.
'What is your price range?'라는 제목의 범위 슬라이더 요소를 보여주는 스크린샷

범위 슬라이더를 추가 및 설정하려면:

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 입력을 클릭합니다.
  3. 슬라이더를 클릭합니다.
  4. 원하는 범위 슬라이더를 클릭합니다.
  5. 설정을 클릭합니다. 
  6. 입력란 제목 입력란에 범위 슬라이더의 제목을 추가합니다.
  7. 슬라이더 유형을 선택합니다.
    • 연속형: 사용자는 정의된 범위 내에서 임의의 값을 선택할 수 있습니다.
    • 단계형: 사용자가 특정 값을 선택할 수 있으며, 이를 통해 사용자가 제출할 수 있는 데이터를 관리할 수 있습니다.단계 설정 기준에서 옵션을 선택합니다.
      • 번호: 단계 수를 입력합니다. 
      • 값: 단계 값을 입력합니다. 이는 단계 사이의 간격을 제어합니다.
  8. 방문자가 선택할 수 있는 최소값을 입력합니다.
  9. 방문자가 선택할 수 있는 최대값을 입력합니다.
  10. 선택된 최소값을 입력합니다. 페이지가 처음 로드 때 설정된 최소값입니다. 
  11. 선택된 최대값을 입력합니다. 페이지가 처음 로드될 때 설정된 최대값입니다. 
  12. (단계형 슬라이더 유형만 해당) 방문자가 슬라이더 핸들에 마우스오버할 때 표시되는 툴팁 값을 입력합니다.
    • 접두사: 단계 값 왼쪽에 표시됩니다(예: $).
    • 접미사: 단계 값 오른쪽에 표시됩니다(예: %).
선택된 최대값 $30이 강조 표시되어 있는 단계형 범위 슬라이더를 보여주는 스크린샷
  1. (선택사항) 방문자가 조정할 수 없는 값 범위를 표시하려면 읽기 전용 체크 상자를 선택합니다.

도움이 되었나요?

|