เมื่อแก้ไขหน้าเพจขั้นสูง คุณสามารถเพิ่มวิดเจ็ต "สคริปต์ที่กำหนดเอง" เพื่อแทรกข้อความที่กำหนดเองได้ คุณสามารถแทรกสคริปต์ HTML ได้ด้วยตัวเองหรืออ้างอิงถึงรหัสที่ SHOPLINE ให้มา
ในบทความนี้จะครอบคลุมหัวข้อดังต่อไปนี้:
⚠️ ก่อนที่คุณจะเริ่มต้น:
- ปัจจุบันเครื่องมือสร้างร้านค้ารองรับเฉพาะธีม Ultra Chic, Kingsman, Varm และ Phillia
- หลังจากสร้างหน้าเพจโดยใช้เครื่องมือสร้างร้านค้า หน้าเพจยังคงสามารถแสดงได้แม้ว่าคุณจะเปลี่ยนไปใช้ธีมอื่น แต่ไม่สามารถแก้ไขได้และเลย์เอาต์อาจมีความยุ่งเหยิง โปรดทราบสิ่งนี้ก่อนที่จะเผยแพร่หน้าเพจ
1. การเพิ่มวิดเจ็ตสคริปต์ที่กำหนดเอง
วิธีที่ 1
ไปที่หน้าผู้ดูแลระบบ SHOPLINE > [การออกแบบร้านค้าออนไลน์] > [หน้าเพจ] และคลิกหน้าเพจแบบขั้นสูง/ปุ่มแก้ไขเพื่อเปิดหน้าการตั้งค่าหน้าเพจขึ้นมา
ขั้นตอนที่ 2
คลิกปุ่มวิดเจ็ต
ขั้นตอนที่ 3
คลิกวิดเจ็ตสคริปต์ที่กำหนดเอง ที่อยู่ใต้ “Extension”
ขั้นตอนที่ 4
แทรกข้อความที่กำหนดเองลงในส่วน “สคริปต์” คุณอาจแทรกข้อความปกติ, สคริปต์ HTML หรือรหัสอื่นๆได้
หากคุณมีประสบการณ์ในการทำงานกับสคริปต์ คุณอาจใส่รหัสของสคริปต์สี่ประเภทต่อไปนี้:
A. ร้านค้า
|
รหัสสคริปต์ |
คำอธิบาย |
|
{{shop.currency}} |
สกุลเงินของร้านค้า (ตัวอย่างตัวย่อ: USD) |
|
{{shop.domain}} |
โดเมนหลักของร้านค้า |
|
{{shop.email}} |
อีเมลร้านค้า |
|
{{shop.name}} |
ชื่อร้านค้า |
|
{{shop.permanent_domain}} |
โดเมนของร้านค้า จะเป็นโดเมน .shoplineapp.com ของคุณ โค้ดนี้จะไม่สามารถใช้ได้หากคุณใช้โดเมนที่กำหนดเอง |
|
{{shop.url}} |
URL ร้านค้า |
|
{{shop.secure_url}} |
URL ของเว็บไซต์ที่เข้ารหัสตามโปรโตคอล HTTPS |
|
{{shop.current_locale.code}} |
การตั้งค่าสถานที่ปัจจุบันของร้านค้า ด้านล่างคือตัวอย่างของ value และ input ของแต่ละภาษา Value สำหรับแต่ละภาษา: English / en
ตัวอย่าง Input (สำหรับภาษาอังกฤษและภาษาจีนตัวเต็ม): {% if shop.current_locale.code == "en" %}
|
|
{{shop.enabled_payment_types}} |
บัตรเครดิตที่ร้านค้ารองรับ เช่น visa, master, amex, PayPal, allpay, หรือ linepay |
|
{{shop.money_with_currency_format}} |
ราคาและสกุลเงินของร้านค้า ตัวอย่างเช่น HK$ |
|
{{shop.supported_locales}} |
รูปแบบของการตั้งค่าภาษาที่ร้านค้ารองรับในปัจจุบัน (ยกเว้นการตั้งค่าสถานที่ปัจจุบัน) จะเหมือนกับ {{shop.current_locale}} |
|
{{shop.logo}} |
URL โลโก้ร้านค้า |
|
{{shop.messages_enabled}} |
หากเปิดใช้งานฟีเจอร์ข้อความของร้านค้า จะดำเนินการโค้ดสคริปต์ |
|
{{shop.multicurrency_enabled}} |
หากเปิดใช้ฟีเจอร์หลายสกุลเงินของร้านค้า จะดำเนินการโค้ดสคริปต์ |
|
{{shop.supported_currencies}} |
สกุลเงินที่ร้านค้ารองรับ รวมถึงชื่อสกุลเงิน สัญลักษณ์ และตัวย่อ |
|
{{shop.features}} |
ฟีเจอร์ร้านค้า |
|
{{shop.custom_footer}} |
HTML ของส่วนท้ายร้านค้า |
B. หน้าเพจ
|
รหัสสคริปต์ |
คำอธิบาย |
|
{{page.url}} |
URL หน้าเพจ |
|
{{page.identifier}} |
ระบุหน้าที่ลูกค้าตั้งอยู่ |
|
{{page.is_checkout_page}} |
หน้าชำระเงิน. สคริปต์จะเปิดใช้งานเมื่อลูกค้าอยู่ในหน้าชำระเงิน |
|
{{page.query_params}} |
คิวรีพารามิเตอร์ |
C. ธีม
|
รหัสสคริปต์ |
คำอธิบาย |
|
{{theme.key}} |
ธีมร้านค้า |
|
{{theme.settings}} |
การตั้งค่าธีมร้านค้า |
ขั้นตอนที่ 5
เมื่อตั้งค่า คุณสามารถคลิกปุ่มบันทึกที่ด้านล่าง และหน้าจอแสดงตัวอย่างของวิดเจ็ตสคริปต์ที่กำหนดเองที่เพิ่มไว้จะแสดงทางด้านขวา คุณสามารถดูตัวอย่างเวอร์ชันบนมือถือได้
หรือคลิกปุ่มดูตัวอย่างที่ด้านบนขวาเพื่อดูตัวอย่างหน้าร้านค้า
ขั้นตอนที่ 6
หลังจากเสร็จสิ้นการตั้งค่าดังกล่าว คลิกปุ่มเผยแพร่ด้านบนขวามือ เพื่อที่ลูกค้าสามารถเห็นเนื้อหาใหม่ทั้งหมดที่หน้าร้านค้า
2. หมายเหตุ
- ระบบจะกรองหรือปิดกั้นสคริปต์บางอย่างเพื่อป้องกันการส่งผลกระทบต่อส่วนต่างๆ ของ HTML ที่อาจทำให้เกิดปัญหาด้านความปลอดภัยหรือการออกแบบร้านค้าออนไลน์
- ขอแนะนำให้ผู้เชี่ยวชาญที่เป็นมืออาชีพในการปรับแต่งสคริปต์เพื่อหลีกเลี่ยงปัญหาที่อาจตามมา
- SHOPLINE ไม่ได้ให้แนวทางและคำแนะนำเกี่ยวกับสคริปต์
หมายเหตุก่อนการแก้ไข:
เนื่องจาก SHOPLINE เป็นแพลตฟอร์มออนไลน์ที่ต้องการการอัปเดตระบบและการออกแบบเป็นประจำ ทางเราจะไม่รับผิดชอบต่อปัญหาใดๆ ที่เกิดขึ้นกับสคริปต์ที่คุณกำหนดเองเนื่องจากการอัปเดตเว็บไซต์ SHOPLINE เราแนะนำให้คุณตรวจสอบหน้านี้บ่อยๆ เพื่อให้แน่ใจว่าร้านค้าออนไลน์ของคุณทำงานได้อย่างถูกต้อง
อ่านเพิ่มเติม

ข้อคิดเห็น