เพิ่มเครื่องมือเลือกวันที่จัดส่งไปยังตะกร้าสินค้าของคุณ
คุณสามารถใส่ปฏิทินในหน้าตะกร้าสินค้าของคุณ ซึ ่งจะช่วยให้ลูกค้าสามารถระบุวันที่จัดส่งสำหรับคำสั่งซื้อของตนได้
ในหน้านี้
ใส่ jQuery ใน theme.liquid ของคุณ
ธีมบางธีมจำเป็นต้องมีการเพิ่มแท็กสคริปต์สำหรับ jQuery ลงในไฟล์เลย์เอาต์ theme.liquid เพื่อให้การปรับแต่งนี้ใช้งานได้ หากคุณใช้งานธีม Boundless, Debut เวอร์ชัน 17.2.0 หรือใหม่กว่า, Express, Narrative, หรือ Venture คุณอาจต้องดำเนินการตามขั้นตอนถัดไป:
ในไดเรกทอรีเลย์เอาต์ ให้คลิก
theme.liquidค้นหาแท็กปิด
</head>ภายในโค้ดดังกล่าว ในบรรทัดใหม่เหนือแท็กปิด</head>ให้วางโค้ดต่อไ ปนี้:
{{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}- คลิกที่ “บันทึก”
สร้างส่วนย่อยของวันที่จัดส่ง
ใส่ส่วนย่อยในหน้าตะกร้าสินค้าของคุณ
วิธีใส่ส่วนย่อยของวันที่จัดส่งในหน้าตะกร้าสินค้าของคุณ:
ในไดเรกทอรีส่วน ให้คลิก
cart-template.liquidหากธีมของคุณไม่มีไฟล์นี้ ให้คลิกcart.liquidในไดเ รกทอรีเทมเพลตค้นหาแท็กปิด
</form>ภายในโค้ดดังกล่าว ในบรรทัดใหม่เหนือแท็กปิด</form>ให้วางโค้ดต่อไปนี้:
{% render 'delivery-date' %}- คลิกที่ “บันทึก”
ขณะนี้คุณมีช่องป้อนข้อมูลวันที่จัดส่งในหน้าตะกร้าสินค้าของคุณ เมื่อคุณคลิกภายในช่องข้อความ ปฏิทินจะปรากฏขึ้น:
เครื่องมือเลือกวันที่ที่ใช้ในการปรับแต่งนี้เป็นวิดเจ็ตจากไลบรารี UI ของ jQuery โดยบล็อกโพสต์นี้จะอธิบายถึงวิธีปิดใช้วันที่ที่ระบุในปฏิทินตัวเลือกวันที่