WooCommerce 제품 페이지에서 날짜 선택기를 표시하는 방법

게시 됨: 2021-04-02

날짜 선택기를 포함하여 WooCommerce 제품 페이지에 사용자 정의 필드를 추가할 수 있습니다. 고객이 제품이나 서비스를 받을 정확한 날짜(또는 요일)를 선택할 수 있습니다. 오늘은 워드프레스 플러그인으로 우커머스 상품 페이지에 날짜 선택기를 추가하는 방법을 알려드리겠습니다.

주문에 대한 추가 정보를 반복해서 읽는 것은 고객 선택을 얻는 데 최선의 선택이 아닐 수 있습니다 .

무료 제품 커스터마이저를 사용하여 18개의 사용자 정의 필드를 추가하여 판매하는 제품 또는 서비스에 대한 고객의 특정 정보를 얻을 수 있습니다. 이 WooCommerce용 WordPress 플러그인의 PRO 버전에 날짜 선택기 및 파일 업로드 필드를 추가할 수도 있습니다.

목차

  • 무료 플러그인으로 WooCommerce 제품 페이지 사용자 지정
  • WooCommerce 제품 페이지의 날짜 선택기
  • WooCommerce 제품에 날짜 선택기를 추가하는 방법
  • 플러그인에 대한 요약 및 추가 정보

WooCommerce 제품 페이지 사용자 지정

속성 및 변형을 사용하는 것이 항상 최선의 선택은 아닙니다. 사용자 지정 필드가 있는 WooCommerce 제품 페이지를 살펴보겠습니다.

새로운 옵션으로 WooCommerce 제품 사용자 지정
새로운 옵션으로 WooCommerce 제품 사용자 지정

지금 무료 플러그인을 다운로드하고 WooCommerce 제품을 커스터마이징하세요 !

유연한 제품 분야 WooCommerce

제품 페이지에 WooCommerce datepicker를 추가합니다. 특정 날짜와 요일을 제외합니다. 마감 시간을 정의합니다.

무료로 다운로드 또는 WordPress.org로 이동
10,000+ 활성 설치
마지막 업데이트: 2023-03-13
WooCommerce 7.1 - 7.5.x에서 작동

몇 번의 클릭만으로 새 제품 필드를 추가할 수 있습니다!

WooCommerce 제품 페이지에 사용자 정의 필드 추가
WooCommerce 제품 페이지에 사용자 정의 필드 추가
WooCommerce 제품에 체크박스, 다중 체크박스 및 여러 제품 옵션을 추가하는 방법을 읽어보세요.

WooCommerce 제품 페이지의 날짜 선택기

이제 날짜 선택기를 추가하는 방법을 살펴보겠습니다.

이 필드는 플러그인의 PRO 버전에서 사용할 수 있습니다.

WordPress 플러그인이 있는 제품 페이지의 WooCmmerce datepicker
WooCmmerce 제품 날짜 선택기: 날짜 제외

플러그인의 모든 기능을 보려면 제품 페이지를 방문하십시오.

유연한 제품 분야 PRO WooCommerce 59 달러

제품 페이지에 WooCommerce datepicker를 추가합니다. 특정 날짜와 요일을 제외합니다. 마감 시간을 정의합니다.

장바구니에 담기 또는 세부정보 보기
10,000+ 활성 설치
마지막 업데이트: 2023-03-15
WooCommerce 7.1 - 7.5.x에서 작동

필드 설정을 사용할 수도 있습니다.

  • 제외 날짜
  • 제외 요일
  • 선택한 날짜 제한
  • 마감 시간

따라서 필요에 따라 날짜 선택기 필드를 사용자 지정할 수 있습니다.

WooCommerce 제품 페이지의 날짜 선택기
WooCommerce 제품 페이지의 날짜 선택기
문서에서 날짜 필드 에 대해 자세히 읽어보십시오. 날짜 선택기는 중립적인 디자인이므로 대부분의 WP 템플릿에 맞습니다.

날짜 선택기를 추가, 설정 및 사용하는 방법을 알아보겠습니다.

WooCommerce 제품에 날짜 선택기를 추가하는 방법

  1. 날짜 선택기 추가

    먼저 새 날짜 필드를 추가합니다 . 선택기 필드에서 찾을 수 있습니다.

    제품 페이지의 WooCommerce 날짜 선택기
    WooCommerce 날짜 선택기 추가
  2. 필드 설정 선택

    다음으로 일반 설정을 사용합니다.

    WooCommerce 제품 날짜 선택기
    WooCommerce Datepicker - 일반 설정
  3. 고급 설정

    그런 다음 날짜 형식, 전일 및 후일과 같은 날짜 자체와 관련된 날짜 선택기 옵션을 결정합니다.

    WooCommerce 날짜 선택기 플러그인
    WooCommerce Datepicker 플러그인 - 고급 설정
    • 제외 날짜

      이 기능을 사용하면 사용자가 사용할 수 있는 특정 날짜를 입력할 수 있습니다. 달력 날짜의 이러한 제외는 예를 들어 휴무일(또는 다른 이유로 제외)을 표시하는 데 유용합니다. 이 문서에서는 이 필드가 작동하는 방식에 대한 몇 가지 예를 볼 수 있습니다.

      쉼표로 구분하여 특정 날짜를 입력합니다. WordPress 형식(예: dd.mm.yy)을 사용합니다. 그런 다음 변경 사항을 저장합니다.

      WooCommerce datepicker 플러그인 제외 날짜
      여기에서 날짜를 제외할 수 있습니다.
    • 제외 요일

      패널에서 특정 날짜나 요일을 제외 할 수도 있습니다. 이 기능은 예를 들어 달력을 근무일로 제한하는 데 유용합니다(토요일과 일요일 제외).

      제외 날짜(01.05.2023)와 제외 요일 2개(토요일 및 일요일)를 선택했습니다.

      제외 요일
      요일 제외
    • 주의 첫째 날

      다음으로 달력에 첫 번째로 표시할 요일을 결정할 수 있습니다.

      첫 번째 요일 정의
      주의 첫 번째 요일을 정의합니다.
    • 선택한 날짜 제한

      하나 이상의 날짜를 표시하는 것도 가능합니다. 이 설정은 달력에서 선택할 수 있는 최대 날짜 수를 결정합니다. 이 기능은 예를 들어 제품이 구독 방식으로 제공되고 특정 날짜에만 배송 되는 경우(케이터링)에 유용합니다.

      초기 제한은 "1"이며 사용자가 WooCommerce 제품 페이지의 날짜 선택기에서 하나의 날짜를 선택할 수 있습니다. 제 경우에는 날짜 제한을 3 으로 설정하겠습니다 .

      제품 페이지의 WooCommerce 날짜 선택기
      WooCommerce datepicker: 선택한 날짜 제한

      작동 방식을 살펴보십시오 .

      선택한 날짜 제한이 있는 WooCommerce datepicker
      선택한 날짜 제한: 유연한 제품 필드
    • 마감 시간

      원하는 경우 고객이 특정 시간 이후 현재 날짜를 선택하지 못하도록 제한 할 수도 있습니다.

      이 기능은 근무일 마감 시간을 입력하기 위해 패널에 새로운 텍스트 입력을 도입합니다. 이 시간이 지나면 현재 날짜를 선택할 수 없습니다. 이 기능은 예를 들어 필드 에 제품 유통 날짜가 표시되고 지정된 시간 이후 주문이 수락되지 않는 경우에 유용합니다.

      HH:MM 형식으로 특정 시간을 입력합니다(예: 12:00). 23:59가 마감 시간이 되도록 필드를 비워 둡니다. 변경 사항을 저장하다.

      WooCommerce datepicker 마감 시간 정의
      마감 시간 정의
    • 날짜 선택기 필드 고급 설정

      전체 설정 페이지를 살펴보십시오.

      WooCommerce 날짜 선택기
      datepicker 필드로 날짜 제외
    • 제품 날짜 선택기

      마지막으로 WooCommerce 제품 페이지에서 날짜 선택기 의 최종 효과를 살펴보겠습니다.

      제품 페이지의 WooCmmerce datepicker
      WooCmmerce 제품 날짜 선택기: 날짜 제외
  4. 가격

    고객이 직접 날짜를 선택하는 경우 고정 또는 비율 수수료를 추가하도록 결정할 수도 있습니다.

    WooCmmerce datepicker 가격 추가
    고객이 직접 날짜를 선택하는 경우 추가 가격을 정의합니다.

    보시다시피 이 WordPress 플러그인은 고객이 날짜 선택기를 사용하여 날짜를 지정할 때 추가 요금을 추가할 수 있는 훌륭한 WooCommerce 확장 프로그램입니다 .

    제품 페이지의 WooCmmerce datepicker
    날짜 선택시 추가금
  5. 조건 논리

    마지막으로 추가 규칙에 따라 필드를 표시하거나 숨길 수 있습니다.

    예를 들어 고객이 체크박스를 선택한 경우에만 날짜 선택기를 표시할 수 있습니다. 물론 이러한 추가 필드를 선택 또는 체크박스로 설정해야 합니다.

    조건부 논리 유연한 제품 필드
    조건부 논리(PRO)를 추가할 수도 있습니다.

    동적이고 유연한 옵션으로 WooCommerce 제품 페이지를 구축하려는 경우에 유용합니다!

    조건부 논리 유연한 제품 필드
    조건부 논리

플러그인에 대한 요약 및 추가 정보

오늘 WordPress 플러그인을 사용하여 WooCommerce 제품 페이지에 날짜 선택기를 표시하는 방법을 배웠습니다!

질문이 있으시면 아래에 의견을 남겨주십시오.

마지막으로 Flexible Product Fields의 모든 기능을 확인하고 플러그인 설명서를 읽어보십시오.

유연한 제품 분야 PRO WooCommerce 59 달러

제품 페이지에 WooCommerce datepicker를 추가합니다. 특정 날짜와 요일을 제외합니다. 마감 시간을 정의합니다.

장바구니에 담기 또는 세부정보 보기
10,000+ 활성 설치
마지막 업데이트: 2023-03-15
WooCommerce 7.1 - 7.5.x에서 작동