ขั้นตอนสำหรับ Boundless
ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งกับ Boundless:
แก้ไขไฟล์ JavaScript ของธีม
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีชิ้นงาน ให้คลิก
theme.js
หรือ theme.js.liquid
-
ค้นหาโค้ด
initVariantSelectors
และค้นหาโค้ดต่อไปนี้ด้านล่างโค้ดดังกล่าว:
เพิ่มโค้ดต่อไปนี้ในบรรทัดใหม่ด้านล่าง:
โค้ดควรมีลักษณะดังนี้:
-
ค้นหาข้อความโค้ดต่อไปนี้:
มีสองอินสแตนซ์ในข้อความโค้ดนี้ ซึ่งพบในฟังก์ชัน productVariantCallback
ให้แทนที่เฉพาะอินสแตนซ์ที่สองด้วย:
- คลิกที่ “บันทึก”
แก้ไขเทมเพลตหน้าสินค้าของคุณ
วิธีแก้ไขเทมเพลตหน้าสินค้าของคุณ:
- ในไดเรกทอรีส่วน ให้คลิก
product-template.liquid
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้และลบโค้ดดังกล่าว:
-
ค้นหาโค้ด
{% schema %}
วางโค้ดข้างต้นลงในบรรทัดเหนือบรรทัดของโค้ดนี้:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
เปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้า
คุณสามารถเปลี่ยนการตั้งค่าภาษาสำหรับปุ่มเพิ่มลงในตะกร้าสินค้าเพื่อไม่ให้สินค้าแสดงข้อความ “ไม่พร้อมใช้งาน” ก่อนทำการเลือก
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ... > แก้ไขเนื้อหาธีมเริ่มต้น
- ในกล่องฟิลเตอร์ ให้พิมพ์
unavailable
เพื่อแสดง การแปล “ที่ไม่สามารถแปลได้”
- แทนที่ข้อความ “ไม่พร้อมใช้งาน” ด้วย
Make a selection
- คลิกที่ “บันทึก”
ขั้นตอนสำหรับ Debut
ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งกับ Debut:
แก้ไขไฟล์ JavaScript ของธีม
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีชิ้นงาน ให้คลิก
theme.js
หรือ theme.js.liquid
- เพิ่มโค้ดต่อไปนี้ที่ด้านล่างของไฟล์:
-
ค้นหาโค้ด
_updatePrice: function(variant)
แทนที่โค้ดต่อไปนี้:
ด้วย:
หากคุณไม่พบโค้ดข้างต้น ให้ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ด
this.currentVariant = variant;
เพิ่มโค้ดต่อไปนี้ด้านล่าง:
ผลลัพธ์ควรมีลักษณะดังนี้:
-
ค้นหาโค้ด
_updateImages: function(variant)
แทนที่โค้ดต่อไปนี้:
ด้วย:
-
ค้นหาโค้ดต่อไปนี้ด้านล่าง:
แทนที่ด้วย:
-
ค้นหาโค้ด
_updateSKU: function(variant)
แทนที่โค้ดต่อไปนี้:
ด้วย:
-
ค้นหาโค้ด
_initVariants: function() {
แทนที่โค้ดต่อไปนี้:
ด้วย:
-
ค้นหาโค้ดต่อไปนี้:
เพิ่มโค้ดต่อไปนี้ในบรรทัดใหม่ด้านล่างโค้ดข้างต้น:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
แก้ไขเทมเพลตหน้าสินค้าของคุณ
วิธีแก้ไขเทมเพลตหน้าสินค้าของคุณ:
- ในไดเรกทอรีส่วน ให้คลิก
product-template.liquid
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้และลบโค้ดดังกล่าว:
หากคุณไม่พบโค้ดข้างต้น ให้ค้นหาโค้ดต่อไปนี้และลบโค้ดดังกล่าว
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
หากคุณไม่พบโค้ดข้างต้น ให้ค้นหาโค้ดต่อไปนี้
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ด
{% schema %}
วางโค้ดข้างต้นลงในบรรทัดเหนือบรรทัดของโค้ดนี้:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
แก้ไขส่วนย่อยราคาสินค้าของคุณ
หากต้องการแก้ไขส่วนย่อยราคาสินค้า:
- ในไดเรกทอรี ส่วนย่อย ให้คลิกที่
product-price.liquid
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
เปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้า
คุณสามารถเปลี่ยนการตั้งค่าภาษาสำหรับปุ่มเพิ่มลงในตะกร้าสินค้าเพื่อไม่ให้สินค้าแสดงข้อความ “ไม่พร้อมใช้งาน” ก่อนทำการเลือก
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ... > แก้ไขเนื้อหาธีมเริ่มต้น
- ในกล่องฟิลเตอร์ ให้พิมพ์
unavailable
เพื่อแสดง การแปล “ที่ไม่สามารถแปลได้”
- แทนที่ข้อความ “ไม่พร้อมใช้งาน” ด้วย
Make a selection
- คลิกที่ “บันทึก”
ขั้นตอนสำหรับ Minimal
ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งกับ Minimal:
แก้ไขไฟล์ JavaScript ของธีม
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีชิ้นงาน ให้คลิก
theme.js
หรือ theme.js.liquid
-
ค้นหาโค้ด
initProductVariant: function() {
และค้นหาโค้ดต่อไปนี้ด้านล่างโค้ดดังกล่าว:
เพิ่มโค้ดต่อไปนี้ในบรรทัดใหม่ด้านล่าง:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
แก้ไขเทมเพลตหน้าสินค้าของคุณ
วิธีแก้ไขเทมเพลตหน้าสินค้าของคุณ:
- ในไดเรกทอรีส่วน ให้คลิก
product-template.liquid
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้และลบโค้ดดังกล่าว:
-
ค้นหาโค้ดนี้ทั้งหมด:
แทนที่ด้วย:
-
ค้นหาโค้ด
{% schema %}
วางโค้ดข้างต้นลงในบรรทัดเหนือบรรทัดของโค้ดนี้:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
เปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้า
คุณสามารถเปลี่ยนการตั้งค่าภาษาสำหรับปุ่มเพิ่มลงในตะกร้าสินค้าเพื่อไม่ให้สินค้าแสดงข้อความ “ไม่พร้อมใช้งาน” ก่อนทำการเลือก
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ... > แก้ไขเนื้อหาธีมเริ่มต้น
- ในกล่องฟิลเตอร์ ให้พิมพ์
unavailable
เพื่อแสดง การแปล “ที่ไม่สามารถแปลได้”
- แทนที่ข้อความ “ไม่พร้อมใช้งาน” ด้วย
Make a selection
- คลิกที่ “บันทึก”
ขั้นตอนสำหรับ Narrative
ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งกับ Narrative:
แก้ไขไฟล์ JavaScript ของธีม
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีชิ้นงาน ให้คลิก
custom.js
- เพิ่มโค้ดต่อไปนี้ที่ด้านล่างของไฟล์:
- คลิกที่ “บันทึก”
แก้ไขเทมเพลตหน้าสินค้าของคุณ
วิธีแก้ไขเทมเพลตหน้าสินค้าของคุณ:
- ในไดเรกทอรีส่วน ให้คลิก
product-template.liquid
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ด
{% schema %}
วางโค้ดข้างต้นลงในบรรทัดเหนือบรรทัดของโค้ดนี้:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
เปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้า
คุณสามารถเปลี่ยนการตั้งค่าภาษาสำหรับปุ่มเพิ่มลงในตะกร้าสินค้าเพื่อไม่ให้สินค้าแสดงข้อความ “ไม่พร้อมใช้งาน” ก่อนทำการเลือก
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ... > แก้ไขเนื้อหาธีมเริ่มต้น
- ในกล่องฟิลเตอร์ ให้พิมพ์
unavailable
เพื่อแสดง การแปล “ที่ไม่สามารถแปลได้”
- แทนที่ข้อความ “ไม่พร้อมใช้งาน” ด้วย
Make a selection
- คลิกที่ “บันทึก”
ขั้นตอนสำหรับ Simple
ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งกับธีม Simple:
แก้ไขไฟล์ JavaScript ของธีม
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีชิ้นงาน ให้คลิก
theme.js
หรือ theme.js.liquid
-
ค้นหาโค้ด
initProductVariant: function() {
และค้นหาโค้ดต่อไปนี้ด้านล่างโค้ดดังกล่าว:
เพิ่มโค้ดต่อไปนี้ในบรรทัดใหม่ด้านล่าง:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
แก้ไขเทมเพลตหน้าสินค้าของคุณ
วิธีแก้ไขเทมเพลตหน้าสินค้าของคุณ:
- ในไดเรกทอรีส่วน ให้คลิก
product-template.liquid
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้และลบโค้ดดังกล่าว:
-
ค้นหาโค้ด
{% schema %}
วางโค้ดข้างต้นลงในบรรทัดเหนือบรรทัดของโค้ดนี้:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
เปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้า
คุณสามารถเปลี่ยนการตั้งค่าภาษาสำหรับปุ่มเพิ่มลงในตะกร้าสินค้าเพื่อไม่ให้สินค้าแสดงข้อความ “ไม่พร้อมใช้งาน” ก่อนทำการเลือก
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ... > แก้ไขเนื้อหาธีมเริ่มต้น
- ในกล่องฟิลเตอร์ ให้พิมพ์
unavailable
เพื่อแสดง การแปล “ที่ไม่สามารถแปลได้”
- แทนที่ข้อความ “ไม่พร้อมใช้งาน” ด้วย
Make a selection
- คลิกที่ “บันทึก”
ขั้นตอนสำหรับ Supply
ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งกับ Supply:
แก้ไขไฟล์ JavaScript ของธีม
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีชิ้นงาน ให้คลิก
theme.js
หรือ theme.js.liquid
-
ค้นหาโค้ด
initProductVariant: function() {
และค้นหาโค้ดต่อไปนี้ด้านล่างโค้ดดังกล่าว:
เพิ่มโค้ดต่อไปนี้ในบรรทัดใหม่ด้านล่าง:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
แก้ไขเทมเพลตหน้าสินค้าของคุณ
วิธีแก้ไขเทมเพลตหน้าสินค้าของคุณ:
- ในไดเรกทอรีส่วน ให้คลิก
product-template.liquid
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้และลบโค้ดดังกล่าว:
-
ค้นหาโค้ดนี้ทั้งหมด:
แทนที่ด้วย:
-
ค้นหาโค้ด
{% schema %}
วางโค้ดข้างต้นลงในบรรทัดเหนือบรรทัดของโค้ดนี้:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
เปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้า
คุณสามารถเปลี่ยนการตั้งค่าภาษาสำหรับปุ่มเพิ่มลงในตะกร้าสินค้าเพื่อไม่ให้สินค้าแสดงข้อความ “ไม่พร้อมใช้งาน” ก่อนทำการเลือก
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ... > แก้ไขเนื้อหาธีมเริ่มต้น
- ในกล่องฟิลเตอร์ ให้พิมพ์
unavailable
เพื่อแสดง การแปล “ที่ไม่สามารถแปลได้”
- แทนที่ข้อความ “ไม่พร้อมใช้งาน” ด้วย
Make a selection
- คลิกที่ “บันทึก”
ขั้นตอนสำหรับธีม Venture
ทำตามขั้นตอนต่อไปนี้เพื่อใช้งานการปรับแต่งกับธีม Venture:
แก้ไขไฟล์ JavaScript ของธีม
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีชิ้นงาน ให้คลิก
theme.js
หรือ theme.js.liquid
- เพิ่มโค้ดต่อไปนี้ที่ด้านล่างของไฟล์:
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ด
_updatePrice: function(variant)
แทนที่โค้ดต่อไปนี้:
ด้วย:
- คลิกที่ “บันทึก”
แก้ไขเทมเพลตหน้าสินค้าของคุณ
วิธีแก้ไขเทมเพลตหน้าสินค้าของคุณ:
- ในไดเรกทอรีส่วน ให้คลิก
product-template.liquid
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้และลบโค้ดดังกล่าว:
หากคุณไม่พบโค้ดด้านบน ให้ค้นหาโค้ดนี้และลบโค้ดดังกล่าว:
-
ค้นหาโค้ดนี้ทั้งหมด:
แทนที่ด้วย:
-
ค้นหาโค้ดต่อไปนี้:
แทนที่ด้วย:
-
ค้นหาโค้ด
{% schema %}
วางโค้ดข้างต้นลงในบรรทัดเหนือบรรทัดของโค้ดนี้:
โค้ดควรมีลักษณะดังนี้:
- คลิกที่ “บันทึก”
เปลี่ยนการตั้งค่าภาษาของปุ่มเพิ่มลงในตะกร้าสินค้า
คุณสามารถเปลี่ยนการตั้งค่าภาษาสำหรับปุ่มเพิ่มลงในตะกร้าสินค้าเพื่อไม่ให้สินค้าแสดงข้อความ “ไม่พร้อมใช้งาน” ก่อนทำการเลือก
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิก ... > แก้ไขเนื้อหาธีมเริ่มต้น
- ในกล่องฟิลเตอร์ ให้พิมพ์
unavailable
เพื่อแสดง การแปล “ที่ไม่สามารถแปลได้”
- แทนที่ข้อความ “ไม่พร้อมใช้งาน” ด้วย
Make a selection
- คลิกที่ “บันทึก”