ให้ลูกค้าเลือกตัวเลือก
เมื่อลูกค้าเข้าชมหน้าสินค้าในร้านค้าออนไลน์ของคุณ ระบบจะเลือกตัวเลือกสินค้าแรก ที่พร้อมจำหน่ายตามค่าเริ่มต้น คุณสามารถใช้การปรับแต่งให้ลูกค้าเลือกตัวเลือกเองเพื่อปิดใช้ระบบเลือกตัวเลือกสินค้าแรกโดยอัตโนมัติได้ การทำเช่นนี้จะทำให้ลูกค้าได้รับแจ้งให้เลือกตัวเลือกสินค้าด้วยตนเองก่อนที่จะมีการแสดงตัวเลือกสินค้า
หากคุณใช้การปรับแต่งให้ลูกค้าเลือกตัวเลือก ธีมของคุณอาจไม่แสดงราคาสินค้าจนกว่าลูกค้าจะเลือกตัวเลือกสินค้า สินค้าที่มีตัวเลือกสินค้าจะไม่มีราคาที่แนะนำไว้ และราคาที่แสดงจะกําหนดโดยตัวเลือกสินค้าที่เลือกไว้
ธีมที่แบ่งส่วนและธีมที่ไม่แบ่งส่วน
หมายเหตุ: ขั้นตอนสำหรับบทแนะนำการใช้งานนี้จะแตกต่างกันไป ขึ้นอยู่กับว่าคุณกำลังใช้ธีมที่แบ่ งส่วน หรือไม่แบ่งส่วน อยู่ โดยธีมที่แบ่งส่วนจะให้คุณสามารถลากและวางวัตถุเพื่อจัดการเลย์เอาต์ของหน้าแรกได้ ในขณะที่ธีมที่ไม่แบ่งส่วนนั้นไม่สามารถทำได้
หากต้องการทราบว่าธีมของคุณรองรับส่วนหรือไม่ ให้ไปที่หน้าแก้ไขโค้ดของธีม หากมีไฟล์ในไดเรกทอรีส่วน หมายความว่าคุณกำลังใช้ธีมที่แบ่งส่วน ธีมที่ไม่แบ่งส่วนเปิดตัวก่อนเดือนตุลาคม 2016 และไม่มีไฟล์ในไดเรกทอรีส่วน
หากคุณใช้ธีมที่แบ่งส่วน ให้คลิกปุ่ม ธีมที่แบ่งส่วน แล้วดำเนินการตามคำแนะนำ หากคุณใช้ธีมที่ไม่แบ่งส่วนซึ่งเป็นรุ่นเก่า ให้คลิกปุ่ม ธีมที่ไม่แบ่งส่วน แล้วดำเนินการตามคำแนะนำ
ขั้นตอนต่างๆ สำหรับธีมที่แบ่งส่วน
เลือกธีมของคุณ
ขั้นตอนสำหรับการปรับแต่งนี้จะแตกต่างกันไปขึ้นอยู่กับธีมของคุณ คลิกปุ่มสำหรับธีมของคุณก่อนทำตามคำแนะนำด้านล่าง:
ขั้นตอนต่างๆ สำหรับธีมที่ไม่แบ่งส่วน
เพิ่มการแจ้งเตือนไปยังเมนูดรอปดาวน์ของตัวเลือกสินค้า
- ในไดเรกทอรีส่วนย่อย ให้คลิก เพิ่มส่วนย่อยใหม่
- ตั้งชื่อส่วนย่อย
pick-an-optionใหม่ของคุณ - ในไฟล์ส่วนย่อยใหม่ของคุณ ให้วางโค้ดนี้ที่โฮสต์โดย GitHub
- คลิกที่ “บันทึก”
- ในไดเรกทอรีเลย์เอาต์ ให้คลิก
theme.liquid -
ค้นหาแท็กปิด
</body>ใกล้กับด้านล่างของไฟล์ ใน บรรทัดใหม่ด้านบนแท็กปิด</body>ให้วางโค้ดต่อไปนี้:
{% render 'pick-an-option' %}- คลิกที่ “บันทึก”
-
ค้นหาไฟล์ที่มีแบบฟอร์มเพิ่มลงในตะกร้าสินค้า ซึ่งจะมีการระบุที่มา
actionที่ตั้งไว้เป็น/cart/addโดยจะต้องเป็นหนึ่งในสี่ไฟล์เหล่านี้:- เทมเพลต
product.liquidใต้เทมเพลต - เลย์เอาต์
theme.liquidใต้เลย์เอาต์ - ส่วนย่อย
product.liquidใต้ส่วนย่อย - ส่วนย่อย
single-product.liquidใต้ส่วนย่อย
- เทมเพลต
ค้นหาโค้ดนี้ภายในแบบฟอร์ม:
<option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>หรือค้นหาโค้ดดังต่อไปนี้ภายในแบบฟอร์ม
<option {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>แทนที่รหัสด้วยโค้ดบล็อกต่อไปนี้
<option {% if forloop.length <= 1 and variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>หากคุณใช้ธีม Minimal, Pop หรือ Supply ให้ค้นหาโค้ดนี้ทั้งหมด:
{% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}แทนที่รหัส ด้วยโค้ดบล็อกต่อไปนี้
{% assign featured_image = product.selected_variant.featured_image | default: product.featured_image %}หากคุณใช้ธีมวินเทจอื่นๆ ของ Shopify ให้ค้นหาโค้ดดังต่อไปนี้
{% assign current_variant = product.selected_or_first_available_variant %}แทนที่รหัสด้วยโค้ดบล็อกต่อไปนี้
{% assign current_variant = product.selected_variant %}คลิกที่ “บันทึก”
เปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้า
สามารถเปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้าได้ เพื่อไม่ให้สินค้าแสดงข้อความไม่พร้อมใช้งาน ก่อนที่ลูกค้าจะเลือกสินค้า
ขั้นตอน:
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ... > แก้ไขเนื้อหาธีมเริ่มต้น
- ในแถบค้นหาตัวกรองรายการ ให้พิมพ์ไม่พร้อมใช้งาน เพื่อแสดงการแปลที่ไม่สามารถแปลได้
- แทนที่ข้อความไม่พร้อมใช้งานด้วยทำการเลือก
- คลิกที่ “บันทึก”