카트에 배송 날짜 선택기 추가
이 페이지는 Jul 16, 2023에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/online-store/themes/customizing-themes/add-date-picker에서 확인하십시오.
고객이 주문에 대한 배송 날짜를 지정할 수 있도록 카트 페이지에 달력을 포함시킬 수 있습니다.
theme.liquid에 jQuery 포함
이 사용자 지정이 작동하려면 일부 테마에서는 jQuery용 스크립트 태그를 theme.liquid 레이아웃 파일에 추가해야 합니다. 무료 Shopify Online Store 2.0 테마를 사용하는 판매자는 다음 단계를 따라야 할 수 있습니다.
레이아웃디렉토리에서
theme.liquid을(를) 클릭합니다.코드에서 닫는
태그를찾습니다. 닫는태그 위쪽 새 행에 다음 코드를 붙여넣습니다.
{{'//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js'|script_tag}}- 저장을 클릭합니다.
배송 날짜 코드 조각 생성
배송 날짜 선택기에 대한 코드 조각을 생성하려면 다음을 수행합니다.
Shopify Admin에서온라인 스토어>테마로 이동합니다.
편집할 테마를 찾아...버튼을 클릭하여 작업 메뉴를 연 다음코드 편집을 클릭합니다.
Shopify 앱에서스토어를 탭합니다.
판매 채널섹션에서온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집할 테마를 찾아...버튼을 클릭하여 작업 메뉴를 연 다음코드 편집을 클릭합니다.
Shopify 앱에서스토어를 탭합니다.
판매 채널섹션에서온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집할 테마를 찾아...버튼을 클릭하여 작업 메뉴를 연 다음코드 편집을 클릭합니다.
코드 조각디렉토리에서새 코드 조각 추가를 클릭합니다.
코드 조각 생성:
새로운
delivery-date.liquid코드 조각에 다음 코드를 붙여 넣습니다.
{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}<跨class="nt">src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"defer="defer">style="width:300px; clear:both;">for="date">Pick a delivery date:<跨class="nt"> id="date"type="text"name="attributes[date]"值="{{ cart.attributes.date }}"/><跨style="display:block"class="instructions">We do not deliver during the weekend.<跨class="nt">