การตั้งค่าธีม
คุณสามารถใช้การตั้งค่าธีมที่ปรับแต่งใน แถบด้านข้างของธีม ของตัวแก้ไขธีมเพื่อเปลี่ยนตัวพิมพ์ สี ลิงก์โซเชียลมีเดีย และหน้าตะกร้าสินค้าในร้านค้าออนไลน์ของคุณได้ การเปลี่ยนแปลงการตั้งค่าธีมจะมีผลกับร้านค้าออนไลน์ทั้งหมดของคุณ
บล็อกและส่วนต่างๆ ยังมีการตั้งค่าที่คุณสามารถใช้เพื่อปรับแต่งส่วนต่างๆ ในธีมของคุณได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับ ส่วนและบล็อก
ในหน้านี้
โลโก้
คุณสามารถเพิ่มโลโก้ธุรกิจของคุณไปยังร้านค้าออนไลน์ของคุณได้ โดยโลโก้ของคุณจะแสดงในที่ดังต่อไปนี้:
- ส่วนหัวของคุณในทุกหน้า
- หน้าป้อนรหัสผ่านของคุณ
ปรับแต่งโลโก้ของคุณ
รูปภาพโลโก้มีความกว้างสูงสุด 300 พิกเซล
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิก “โลโก้”
ในพื้นที่โลโก้ ให้เพิ่มรูปภาพของคุณหรือใช้รูปภาพฟรี:
หากต้องการเพิ่มรูปภาพของคุณ ให้คลิก "เลือกรูปภาพ" จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่:
- หากต้องการใช้รูปภาพที่คุณอัปโหลดไปยังส่วนผู้ดูแล Shopify แล้ว ให้เลือกรูปภาพนั้น จากนั้นคลิก "เสร็จสิ้น"
- หากต้องการใช้รูปภาพจากคอมพิวเตอร์ของคุณ ให้คลิกที่ "เพิ่มรูปภาพ" เลือกและเพิ่มรูปภาพ จากนั้นคลิก "เสร็จสิ้น"
หากต้องการใช้รูปภาพฟรี ให้คลิก "ค้นหารูปภาพฟรี" ค้นหารูปภาพ คลิกที่รูปภาพเพื่อเลือก แล้วคลิก "เลือก"
ตัวเลือกเสริม: เพิ่มข้อความแสดงแทนไปยังรูปภาพโลโก้ของคุณ:
- ในพื้นที่โลโก้ ให้คลิก "แก้ไข"
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายโดยสรุปของรูปภาพ
- แล้วคลิกที่บันทึก
ตัวเลือกเสริม: ในพื้นที่ความกว้างของโลโก้เดสก์ท็อป ให้ใช้แถบเลื่อนช่วงเพื่อปรับความกว้างพิกเซลของโลโก้
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะที่ "โลโก้"
ในพื้นที่โลโก้ ให้เพิ่มรูปภาพของคุณหรือใช้รูปภาพฟรี:
หากต้องการเพิ่มรูปภาพ ให้แตะ "เลือกรูปภาพ" จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่:
- หากต้องการใช้รูปภาพที่คุณอัปโหลดไปยังส่วนผู้ดูแล Shopify แล้ว ให้เลือกรูปภาพนั้น จากนั้นแตะ "เสร็จสิ้น"
- หากต้องการใช้รูปภาพจากอุปกรณ์ของคุณ ให้แตะ "เพิ่มรูปภาพ" เลือกและเพิ่มรูปภาพจากอุปกรณ์ของคุณ แตะรูปภาพเพื่อเลือก จากนั้นแตะเสร็จสิ้น
หากต้องการใช้รูปภาพฟรี ให้แตะ "ค้นหารูปภาพฟรี" ค้นหารูปภาพ แตะรูปภาพนั้นเพื่อเลือก จากนั้นแตะ "เสร็จสิ้น"
ตัวเลือกเสริม: เพิ่มข้อความแสดงแทนไปยังรูปภาพโลโก้ของคุณ:
- ในพื้นที่โลโก้ ให้แตะ "แก้ไข"
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายโดยสรุปของรูปภาพ
- แล้วแตะที่ ✓
ตัวเลือกเสริม: ในพื้นที่ความกว้างของโลโก้เดสก์ท็อป ให้ใช้แถบเลื่อนช่วงเพื่อปรับความกว้างพิกเซลของโลโก้
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะที่ "โลโก้"
ในพื้นที่โลโก้ ให้เพิ่มรูปภาพของคุณหรือใช้รูปภาพฟรี:
หากต้องการเพิ่มรูปภาพ ให้แตะ "เลือกรูปภาพ" จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่:
- หากต้องการใช้รูปภาพที่คุณอัปโหลดไปยังส่วนผู้ดูแล Shopify แล้ว ให้เลือกรูปภาพนั้น จากนั้นแตะ "เสร็จสิ้น"
- หากต้องการใช้รูปภาพจากอุปกรณ์ของคุณ ให้แตะ "เพิ่มรูปภาพ" เลือกและเพิ่มรูปภาพจากอุปกรณ์ของคุณ แตะรูปภาพเพื่อเลือก จากนั้นแตะเสร็จสิ้น
หากต้องการใช้รูปภาพฟรี ให้แตะ "ค้นหารูปภาพฟรี" ค้นหารูปภาพ แตะรูปภาพนั้นเพื่อเลือก จากนั้นแตะ "เสร็จสิ้น"
ตัวเลือกเสริม: เพิ่มข้อความแสดงแทนไปยังรูปภาพโลโก้ของคุณ:
- ในพื้นที่โลโก้ ให้แตะ "แก้ไข"
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายโดยสรุปของรูปภาพ
- แล้วแตะที่ ✓
ตัวเลือกเสริม: ในพื้นที่ความกว้างของโลโก้เดสก์ท็อป ให้ใช้แถบเลื่อนช่วงเพื่อปรับความกว้างพิกเซลของโลโก้
แล้วแตะที่ ✓
เพิ่ม Favicon
คุณสามารถเพิ่มไอคอนรายการโปรดหรือ Favicon ซึ่งใช้เพื่อช่วยสร้างแบรนด์ร้านค้าออนไลน์ของคุณได้ โดย Favicon จะปรากฏอยู่ในตำแหน่งดังต่อไปนี้:
- แท็บเว็บเบราว์เซอร์ของคุณ
- ประวัติเว็บเบราว์เซอร์ของคุณ
- ไอคอนในเดสก์ท็อปของคุณ
- ข้างชื่อร้านค้าออนไลน์ของคุณเมื่อเว็บไซต์ถูกบุ๊คมาร์ก
ดูข้อมูลเพิ่มเติมเกี่ยวกับ favicons
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการเพิ่ม Favicon จากนั้นคลิกปรับแต่ง
คลิก การตั้งค่าธีม ไอคอน
คลิกที่โลโก้หรือ Favicon ทั้งนี้ขึ้นอยู่กับเวอร์ชันธีมของคุณ
ในส่วนรูปภาพ Favicon ให้คลิก "เลือกรูปภาพ" จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่:
- หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วไปยังส่วนผู้ดูแล Shopify คุณสามารถค้นหาหรือค้นพบรูปภาพดังกล่าวได้ จากนั้นเลือกรูปภาพด้วยช่องเครื่องหมาย
- หากต้องการเลือกรูปภาพจากในคอมพิวเตอร์ของคุณ ให้คลิกเพิ่มรูปภาพ จากนั้นเปิดรูปภาพจากคอมพิวเตอร์ของคุณ แล้วเลือกรูปภาพด้วยช่องเครื่องหมาย
คลิกที่เสร็จสิ้น
ตัวเลือกเสริม: เพิ่มข้อความแสดงแทนไปยังรูปภาพ Favicon ของคุณ:
- ในส่วนรูปภาพ Favicon ให้คลิกแก้ไข
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายโดยสรุปของรูปภาพ
- แล้วคลิกที่บันทึก
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการเพิ่ม Favicon จากนั้นแตะที่ปรับแต่ง
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะที่โลโก้หรือ Favicon ทั้งนี้ขึ้นอยู่กับเวอร์ชันธีมของคุณ
ในส่วนรูปภาพ Favicon ให้แตะเลือกภาพ จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่:
- หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วไปยังส่วนผู้ดูแล Shopify คุณสามารถค้นหาหรือค้นพบรูปภาพดังกล่าวได้ จากนั้นเลือกรูปภาพด้วยช่องเครื่องหมาย
- หากต้องการเลือกรูปภาพจากในอุปกรณ์ของคุณ ให้แตะเพิ่มรูปภาพ แล้วเปิดรูปภาพจากอุปกรณ์ของคุณ จากนั้นเลือกรูปภาพด้วยช่องเครื่องหมาย
แตะที่ เสร็จสิ้น
เพิ่มข้อความแสดงแทนไปยังรูปภาพ Favicon ของคุณ:
- ในส่วนรูปภาพ Favicon ให้แตะที่แก้ไข
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายโดยสรุปของรูปภาพ
- แล้วแตะที่ ✓
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการเพิ่ม Favicon จากนั้นแตะที่ปรับแต่ง
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะที่โลโก้หรือ Favicon ทั้งนี้ขึ้นอยู่กับเวอร์ชันธีมของคุณ
ในส่วนรูปภาพ Favicon ให้แตะเลือกภาพ จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่:
- หากต้องการเลือกรูปภาพที่คุณได้อัปโหลดแล้วไปยังส่วนผู้ดูแล Shopify คุณสามารถค้นหาหรือค้นพบรูปภาพดังกล่าวได้ จากนั้นเลือกรูปภาพด้วยช่องเครื่องหมาย
- หากต้องการเลือกรูปภาพจากในอุปกรณ์ของคุณ ให้แตะเพิ่มรูปภาพ แล้วเปิดรูปภาพจากอุปกรณ์ของคุณ จากนั้นเลือกรูปภาพด้วยช่องเครื่องหมาย
แตะที่ เสร็จสิ้น
เพิ่มข้อความแสดงแทนไปยังรูปภาพ Favicon ของคุณ:
- ในส่วนรูปภาพ Favicon ให้แตะที่แก้ไข
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายโดยสรุปของรูปภาพ
- แล้วแตะที่ ✓
แล้วแตะที่ ✓
สี
คุณสามารถกำหนดรูปแบบสีที่แตกต่างกันในการตั้งค่าธีมและใช้ธีมสีกับส่วนต่างๆ ทั่วร้านค้าออนไลน์ของคุณด้วยเครื่องมือเลือกรูปแบบสีรูปแบบสีคือชุดของสี ธีมของคุณมีชุดรูปแบบสีเริ่มต้นที่ใช้ซึ่งคุณสามารถเปลี่ยนได้ตลอดเวลาในตัวแก้ไขธีม คุณสามารถเพิ่มสีแบรนด์เพื่อช่วยให้แน่ใจได้ว่าชุดสีของคุณจะถูกนำไปใช้กับร้านค้าออนไลน์ของคุณอย่างเข้ากันได้ดี
เทมเพลตไม่มีการตั้งค่าสีเฉพาะเพื่อให้การออกแบบร้านค้าออนไลน์ของคุณสอดคล้องกันทั่วทั้งเว็บไซต์ของคุณ เทมเพลตถือเป็นหน้าหลักหรือเนื้อหาหลักของร้านค้า การมีรูปแบบสีที่แตกต่างกันทั่วทั้งร้านค้าของคุณอาจส่งผลให้ผู้ใช้ได้รับประสบการณ์เชิงลบ ส่งผลให้ลูกค้าออกจากร้านค้าของคุณโดยไม่ทำการซื้อสินค้าใดๆ
คุณสามารถสร้างและปรับแต่งรูปแบบสีที่ไม่ซ้ำกันได้สูงสุดถึง 21 รูปแบบและใช้กับส่วนต่างๆ ทั่วร้านค้าออนไลน์ของคุณ
รูปแบบสี
รูปแบบสีคือการตั้งค่าธีมที่จัดกลุ่มองค์ประกอบและสีตามลําดับด้วยวิธีตัวแทนการมองเห็น คุณสามารถกําหนดสีที่แตกต่างกันให้องค์ประกอบต่างๆ ในรูปแบบสีที่ขัดกันซึ่งสามารถใช้กับธีมของคุณที่มีเครื่องมือเลือกรูปแบบสีได้ คุณสามารถมีรูปแบบสีได้สูงสุดถึง 21 รูปแบบ นอกจากนี้ คุณยังสามารถแสดงตัวอย่างวิธีการแสดงสีของคุณในหน้าต่างแสดงตัวอย่างของแผนได้
| การตั้งค่า | คำอธิบาย |
|---|---|
| พื้นหลัง | สีจะถูกนำมาใช้กับพื้นหลังของบางส่วนและพื้นหลังของปุ่มแบบเค้าโครง |
| พื้นหลังแบบไล่ระดับสี | การไล่ระดับสีจะถูกนำมาใช้กับพื้นหลังของบางส่วน พื้นหลังแบบไล่ระดับสีจะแทนที่พื้นหลังเมื่อเป็นไปได้ |
| ข้อความ | ใช้สีกับข้อความส่วนหรือบล็อก |
| พื้นหลังปุ่มแบบทึบ | ใช้สีกับพื้นหลังของปุ่มหลัก |
| ป้ายกำกับปุ่มแบบทึบ | ใช้สีกับข้อความของปุ่มหลัก |
| ปุ่มแบบเค้าโครง | ใช้สีกับข้อความและขอบของปุ่มรอง |
| เงา | สีจะถูกนำมาใช้กับเงา |
การจัดการรูปแบบสีของคุณ
รูปแบบสีและตัวเลือกสีของร้านค้าของคุณจะถูกตั้งค่าภายในการตั้งค่าธีมของคุณ หากต้องการใช้สีทึบ ให้ใช้เครื่องมือเลือกสีเพื่อเลือกสีใหม่หรือป้อนค่าสีในช่องข้อความ ช่องสียอมรับชื่อสีและค่าดังต่อไปนี้:
- ชื่อสี เช่น
red,blackหรือblue - โค้ดสี RGB
- ค่าสีเลขฐานสิบหก
ขั้นตอนมีดังนี้
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
คลิกที่ไอคอน
จากนั้นคลิกสีในส่วนรูปแบบ ให้คลิกรูปแบบที่มีอยู่หรือคลิกเพิ่มรูปแบบเพื่อเพิ่มรูปแบบสีใหม่
คลิกที่ตัวอย่างสีสำหรับสีของประเภทเนื้อหาที่คุณต้องการเปลี่ยน
หากต้องการตั้งค่าสี ให้ป้อนรหัสสี Hex หรือเลือกสีจากเครื่องมือเลือกสี หากต้องการตั้งค่าสีให้โปร่งใส ให้ลบรหัส Hex ออกจากช่องข้อความ
แล้วคลิกที่บันทึก
ใช้รูปแบบสีของคุณ
หลังจากที่คุณกําหนดรูปแบบสีของคุณในการตั้งค่าธีมของคุณแล้ว คุณสามารถกําหนดรูปแบบสีได้โดยใช้เครื่องมือเลือกรูปแบบสีในส่วนและบล็อกธีมของคุณ ตัวเลือกรูปแบบสีมีให้ใช้งานในบางส่วน บล็อก และการตั้งค่าธีมทั่วไปเท่านั้น
การไล่ระดับสี
คุณสามารถตั้งค่าการไล่ระดับสีในบางธีม เพื่อให้เป็นตัวเลือกพื้นหลังที่ดึงดูดสายตาได้ โดยการตั้งค่า color_background จะใช้ในการปรับแต่งคุณสมบัติพื้นหลัง CSS
เครื่องมือเลือกการไล่ระดับสีช่วยให้คุณสามารถเลือกสี รูปแบบการไล่ระดับสี มุม ตําแหน่ง และความทึบของการไล่ระดับสีได้ โดยตัวเลือกที่เลือกในเครื่องมือเลือกการไล่ระดับสีจะแสดงตัวอย่างแบบเรียลไทม์ในตัวแก้ไขธีม นอกจากนี้คุณยังสามารถสร้างพื้นหลังแบบไล่ระดับสีโดยใช้โค้ด CSS ซึ่งประกอบด้วยตัวตรวจสอบยืนยันความถูกต้อง
ตั้งค่าการไล่ระดับสี
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
คลิกที่ไอคอน
จากนั้นคลิกสีในส่วนรูปแบบ ให้คลิกรูปแบบที่มีอยู่ที่คุณต้องการแก้ไข
คลิกตัวเลือกตัวอย่างการไล่ระดับสี เช่น การไล่ระดับสีพื้นหลัง
หากคุณไม่เคยตั้งค่าการไล่ระดับสีมาก่อน ระบบจะแสดงตัวเลือกที่กำหนดไว้ล่วงหน้าบางตัวเลือกให้คุณเลือก ให้เลือกการไล่ระดับสีที่กําหนดไว้ล่วงหน้าแบบใดก็ได้เพื่อเปิดแผงตัวเลือก
เลือกตัวเลือกการไล่ระดับสีของคุณ:
- เลือกรูปแบบการไล่ระดับสีระหว่างแบบเส้นตรงหรือแบบรัศมีได้ ใช้ปุ่มเพื่อเลือกรูปแบบการไล่ระดับสีที่คุณต้องการ
- ตั้งค่ามุมของการไล่ระดับสีโดยใช้ลูกศรขึ้นและลง คลิกที่ลูกศรขึ้นหรือลงเพื่อเพิ่มหรือลดมุมลงทีละ 5%
- ใช้แถบเลื่อนเพื่อเลือกตําแหน่งของการไล่ระดับสี หรือจะป้อนค่าตัวเลขในช่องก็ได้
- ป้อนรหัสสี Hex ที่ต้องการ หรือใช้แถบเลื่อนสีเพื่อเลือกความมืดหรือความสว่างของสี สีที่เลือกล่าสุดจะแสดงที่ด้านล่างของแผงตัวเลือกการไล่ระดับสี
- หากต้องการให้การไล่ระดับสีให้ทึบแสง ให้ใช้แถบเลื่อนด้านขวาเพื่อเลือกความโปร่งใสของการไล่ระดับสี นอกจากนี้คุณยังสามารถป้อนค่าเป็นเปอร์เซ็นต์ในช่องถัดจากรหัสสีฐานสิบหกก็ได้เช่นกัน
แล้วคลิกที่บันทึก
ใช้ CSS เพื่อตั้งการไล่ระดับสี
ค่าคุณสมบัติของ background CSS ส่วนใหญ่สามารถใช้เพื่อกำหนดค่าสีของพื้นหลังได้ คุณสามารถใช้ช่องนี้ได้หากต้องการสีทึบ (เช่น #000000, black, rgb(0,0,0,0),rgba(0,0,0,0), hsl(0, 0%, 0%) และ hsla(0, 0%, 0%, 1) ทั้งหมดนี้ล้วนทำให้พื้นหลังเป็นสีดำทึบ) หรือหากต้องการการไล่ระดับสี (เช่น linear-gradient(red, green), radial-gradient(red, green) หรือ conic-gradient(red, green)) ซึ่งการไล่สีก็สามารถทำซ้ำได้เช่นกัน
ขั้นตอนมีดังนี้
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
คลิกที่ไอคอน
จากนั้นคลิกสีในส่วนรูปแบบ ให้คลิกรูปแบบที่มีอยู่ที่คุณต้องการแก้ไข
คลิกการไล่ระดับสีที่คุณต้องการแก้ไข
คลิกที่ลูกศรถัดจากการไล่ระดับสี แล้วเลือก CSS
ในช่องโค้ด CSS ให้พิมพ์หรือวางโค้ดการไล่ระดับสีของคุณ โดยตัวอย่างตัวแก้ไขธีมจะแสดงการไล่ระดับสีของคุณในตำแหน่งที่เหมาะสม
แล้วคลิกที่บันทึก
ลบการไล่ระดับสี
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
คลิกที่ไอคอน
จากนั้นคลิกสีในส่วนรูปแบบ ให้คลิกรูปแบบที่มีอยู่ที่คุณต้องการแก้ไข
คลิกการไล่ระดับสีที่คุณต้องการลบออก
คลิกที่ลบการไล่ระดับสี
แล้วคลิกที่บันทึก
ตัวพิมพ์
คุณสามารถกำหนดขนาดและแบบอักษรของข้อความบนร้านค้าออนไลน์ของคุณได้ โดยคุณสามารถเลือกแบบอักษรของระบบหรือแบบอักษรที่กำหนดเองก็ได้
ลองพิจารณาใช้แบบอักษรของระบบในร้านค้าของคุณ เนื่องจากแบบอักษรของระบบได้รับการติดตั้งไว้บนคอมพิวเตอร์ของผู้ใช้แล้ว เนื่องจากการใช้แบบอักษรของระบบจะป้องกันการดาวน์โหลดแบบอักษรใหม่ไปยังคอมพิวเตอร์ของลูกค้า ซึ่งอาจส่งผลกระทบต่อความเร็วในการโหลดร้านค้าของคุณได้ แบบอักษรที่แสดงบนคอมพิวเตอร์ของลูกค้าจะขึ้นอยู่กับระบบปฏิบัติการของพวกเขา
ปรับแต่งประเภทของแบบอักษรของคุณ
โปรดดูคลังแบบอักษรของ Shopify เพื่อดูรายการแบบอักษรที่พร้อมใช้งาน
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิกที่ตัวพิมพ์
หากต้องการเปลี่ยนประเภทแบบอักษรสำหรับหัวเรื่องหรือข้อความเนื้อหาของร้านค้า ให้คลิก "เปลี่ยน" ในส่วนหัวเรื่องหรือเนื้อหา
คลิกที่ชื่อของแบบอักษรที่คุณต้องการใช้ แล้วคลิก “เลือก”
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะที่ “ตัวพิมพ์”
หากต้องการเปลี่ยนประเภทแบบอักษรสำหรับหัวเรื่องหรือข้อความเนื้อหาของร้านค้า ให้แตะ "เปลี่ยน" ในส่วนหัวเรื่องหรือเนื้อหา
แตะชื่อของแบบอักษรที่คุณต้องการใช้ จากนั้นแตะ "เสร็จสิ้น"
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะที่ “ตัวพิมพ์”
หากต้องการเปลี่ยนประเภทแบบอักษรสำหรับหัวเรื่องหรือข้อความเนื้อหาของร้านค้า ให้แตะ "เปลี่ยน" ในส่วนหัวเรื่องหรือเนื้อหา
แตะชื่อของแบบอักษรที่คุณต้องการใช้ จากนั้นแตะ "เสร็จสิ้น"
แล้วแตะที่ ✓
ปรับแต่งขนาดแบบอักษรของคุณ
คุณสามารถตั้งค่าขนาดแบบอักษรเริ่มต้นสำหรับหัวเรื่องและข้อความเนื้อหาได้ด้วยการตั้งค่าธีมตัวพิมพ์
ขนาดแบบอักษรต่ำสุดคือ 100% และขนาดแบบอักษรสูงสุดคือ 150% การเพิ่มมาตราส่วนแต่ละครั้งจะเพิ่มขนาดแบบอักษร 5% การตั้งค่าเริ่มต้นคือ 100%
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิกที่ตัวพิมพ์
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับส่วนหัว ให้ใช้แถบเลื่อนช่วงมาตราส่วนขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความส่วนเนื้อหา ให้ใช้แถบเลื่อนช่วงมาตราส่วนขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะที่ “ตัวพิมพ์”
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับส่วนหัว ให้ใช้แถบเลื่อนช่วงมาตราส่วนขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความส่วนเนื้อหา ให้ใช้แถบเลื่อนช่วงมาตราส่วนขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะที่ “ตัวพิมพ์”
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับส่วนหัว ให้ใช้แถบเลื่อนช่วงมาตราส่วนขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความส่วนเนื้อหา ให้ใช้แถบเลื่อนช่วงมาตราส่วนขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
แล้วแตะที่ ✓
เลย์เอาต์
คุณสามารถตั้งค่าความกว้างสูงสุดที่ระบบจะแสดงร้านค้าออนไลน์ของคุณ และตั้งค่าช่องว่างแนวตั้งและแนวนอนระหว่างส่วนต่างๆ ได้
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิกที่เลย์เอาต์
ใช้แถบเลื่อนช่วงความกว้างของหน้าเพื่อเลือกความกว้างของหน้าระหว่าง 1000px หรือ 1600px โดยการตั้งค่าเริ่มต้นคือ 1600 px
ตัวเลือกเสริม: ใช้แถบเลื่อนช่วงเพื่อเพิ่มช่องว่างแนวตั้งระหว่างส่วนเทมเพลตในหน้าของคุณ คุณสามารถเพิ่มช่องว่างะหว่างส่วนต่างๆ ได้สูงสุด 100px
ตัวเลือกเสริม: หากคุณมีเลย์เอาต์รูปแบบกริด ให้ใช้แถบเลื่อนช่องว่างแนวนอนและช่องว่างแนวตั้งเพื่อเพิ่มช่องว่างระหว่างเนื้อหารูปแบบกริดในหน้าของคุณ การเพิ่มช่องว่างแนวนอนจะเพิ่มช่องว่างสูงสุด 40 px ให้กับแถวของเนื้อหาในหน้าของคุณ ในขณะที่การเพิ่มช่องว่างแนวตั้งจะเพิ่มช่องว่างสูงสุด 40 px ให้กับคอลัมน์ของเนื้อหาในหน้าของคุณ
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะ "เลย์เอาต์"
ใช้แถบเลื่อนช่วงความกว้างของหน้าเพื่อเลือกความกว้างของหน้าระหว่าง 1000px หรือ 1600px โดยการตั้งค่าเริ่มต้นคือ 1600 px
ตัวเลือกเสริม: ใช้แถบเลื่อนช่วงเพื่อเพิ่มช่องว่างแนวตั้งระหว่างส่วนเทมเพลตในหน้าของคุณ คุณสามารถเพิ่มช่องว่างะหว่างส่วนต่างๆ ได้สูงสุด 100px
ตัวเลือกเสริม: หากคุณมีเลย์เอาต์รูปแบบกริด ให้ใช้แถบเลื่อนช่องว่างแนวนอนและช่องว่างแนวตั้งเพื่อเพิ่มช่องว่างระหว่างเนื้อหารูปแบบกริดในหน้าของคุณ การเพิ่มช่องว่างแนวนอนจะเพิ่มช่องว่างสูงสุด 40 px ให้กับแถวของเนื้อหาในหน้าของคุณ ในขณะที่การเพิ่มช่องว่างแนวตั้งจะเพิ่มช่องว่างสูงสุด 40 px ให้กับคอลัมน์ของเนื้อหาในหน้าของคุณ
แตะบันทึก
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะ "เลย์เอาต์"
ใช้แถบเลื่อนช่วงความกว้างของหน้าเพื่อเลือกความกว้างของหน้าระหว่าง 1000px หรือ 1600px โดยการตั้งค่าเริ่มต้นคือ 1600 px
ตัวเลือกเสริม: ใช้แถบเลื่อนช่วงเพื่อเพิ่มช่องว่างแนวตั้งระหว่างส่วนเทมเพลตในหน้าของคุณ คุณสามารถเพิ่มช่องว่างะหว่างส่วนต่างๆ ได้สูงสุด 100px
ตัวเลือกเสริม: หากคุณมีเลย์เอาต์รูปแบบกริด ให้ใช้แถบเลื่อนช่องว่างแนวนอนและช่องว่างแนวตั้งเพื่อเพิ่มช่องว่างระหว่างเนื้อหารูปแบบกริดในหน้าของคุณ การเพิ่มช่องว่างแนวนอนจะเพิ่มช่องว่างสูงสุด 40 px ให้กับแถวของเนื้อหาในหน้าของคุณ ในขณะที่การเพิ่มช่องว่างแนวตั้งจะเพิ่มช่องว่างสูงสุด 40 px ให้กับคอลัมน์ของเนื้อหาในหน้าของคุณ
แล้วแตะที่ ✓
ภาพเคลื่อนไหว
ภาพเคลื่อนไหวช่วยให้คุณสามารถเพิ่มการเคลื่อนไหวและดึงดูดสายตาให้กับร้านค้าออนไลน์ของคุณ คุณสามารถเปิดใช้งานภาพเคลื่อนไหวแบบจางขึ้นที่เผยให้เห็นส่วนร้านค้าของคุณเมื่อเลื่อนหน้าจอ และเอฟเฟกต์การวางเมาส์บนบัตรและปุ่มของคุณ
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิก "ภาพเคลื่อนไหว"
ตัวเลือกเสริม: หากต้องการเปิดใช้งานภาพเคลื่อนไหวที่แสดงให้เห็นส่วนของร้านค้าออนไลน์ของคุณเมื่อเลื่อนหน้าจอ ให้เลือกแสดงส่วนต่างๆ เมื่อเลื่อนหน้าจอ
ตัวเลือกเสริม: หากต้องการเพิ่มภาพเคลื่อนไหวแบบวางเมาส์เหนือบัตรและปุ่ม ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้จากการตั้งค่าเอฟเฟกต์การวางเมาส์:
- ยกแนวตั้ง: เมื่อลูกค้าวางเมาส์เหนือบัตรหรือปุ่ม องค์ประกอบจะเลื่อนขึ้นไป
- การยกนูน 3 มิติ: เมื่อลูกค้าวางเมาส์เหนือบัตรหรือปุ่ม องค์ประกอบจะเปลี่ยนไปข้างหน้า ให้เอฟเฟกต์ 3 มิติ นอกจากนี้ยังมีความเปล่งประกายที่ละเอียดอ่อนที่ขยับข้ามองค์ประกอบ ให้มิติอีกชั้นหนึ่ง
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะ "ภาพเคลื่อนไหว"
ตัวเลือกเสริม: หากต้องการเปิดใช้งานภาพเคลื่อนไหวที่แสดงให้เห็นส่วนของร้านค้าออนไลน์ของคุณเมื่อเลื่อนหน้าจอ ให้เลือกแสดงส่วนต่างๆ เมื่อเลื่อนหน้าจอ
ตัวเลือกเสริม: หากต้องการเพิ่มภาพเคลื่อนไหวแบบวางเมาส์เหนือบัตรและปุ่ม ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้จากการตั้งค่าเอฟเฟกต์การวางเมาส์:
- ยกแนวตั้ง: เมื่อลูกค้าวางเมาส์เหนือบัตรหรือปุ่ม องค์ประกอบจะเลื่อนขึ้นไป
- การยกนูน 3 มิติ: เมื่อลูกค้าวางเมาส์เหนือบัตรหรือปุ่ม องค์ประกอบจะเปลี่ยนไปข้างหน้า ให้เอฟเฟกต์ 3 มิติ นอกจากนี้ยังมีความเปล่งประกายที่ละเอียดอ่อนที่ขยับข้ามองค์ประกอบ ให้มิติอีกชั้นหนึ่ง
แตะบันทึก
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะ "ภาพเคลื่อนไหว"
ตัวเลือกเสริม: หากต้องการเปิดใช้งานภาพเคลื่อนไหวที่แสดงให้เห็นส่วนของร้านค้าออนไลน์ของคุณเมื่อเลื่อนหน้าจอ ให้เลือกแสดงส่วนต่างๆ เมื่อเลื่อนหน้าจอ
ตัวเลือกเสริม: หากต้องการเพิ่มภาพเคลื่อนไหวแบบวางเมาส์เหนือบัตรและปุ่ม ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้จากการตั้งค่าเอฟเฟกต์การวางเมาส์:
- ยกแนวตั้ง: เมื่อลูกค้าวางเมาส์เหนือบัตรหรือปุ่ม องค์ประกอบจะเลื่อนขึ้นไป
- การยกนูน 3 มิติ: เมื่อลูกค้าวางเมาส์เหนือบัตรหรือปุ่ม องค์ประกอบจะเปลี่ยนไปข้างหน้า ให้เอฟเฟกต์ 3 มิติ นอกจากนี้ยังมีความเปล่งประกายที่ละเอียดอ่อนที่ขยับข้ามองค์ประกอบ ให้มิติอีกชั้นหนึ่ง
แล้วแตะที่ ✓
การตั้งค่าการปรับแต่งองค์ประกอบภาพ
คุณสามารถปรับลักษณะที่ปรากฏขององค์ประกอบต่างๆ ของธีมของคุณได้ เช่น ปุ่ม บัตรสินค้า และตัวเลือกสินค้าจากหน้า การตั้งค่าธีม แต่ละตัวเลือกจะมีการตั้งค่าที่เกี่ยวข้องสำหรับองค์ประกอบนั้น
คุณสามารถปรับแต่งการตั้งค่าสำหรับองค์ประกอบต่อไปนี้ของธีมของคุณได้
ปุ่ม: ปุ่มจะหมายรวมถึงปุ่มการกระตุ้นให้ดำเนินการในส่วนต่างๆ เช่น สไลด์โชว์หรือรูปภาพพร้อมข้อความ ตลอดจนปุ่มในแบบฟอร์มติดต่อ บนหน้าสินค้า และหน้าตะกร้าสินค้าของคุณ
ตัวเลือกสินค้าทรงเม็ดยา: ตัวเลือกสินค้าทรงเม็ดยาช่วยให้คุณสามารถแสดงตัวเลือกสินค้าในหน้าสินค้าหรือส่วนสินค้าที่แนะนำได้ โดยลูกค้าสามารถเลือกตัวเลือกสินค้าที่ต้องการเพื่อเพิ่มสินค้าดังกล่าวไปยังตะกร้าสินค้าได้โดยไม่ต้องเปลี่ยนหน้าสินค้า คุณสามารถปรับแต่งวิธีแสดงตัวเลือกสินค้าทรงเม็ดยาในร้านค้าออนไลน์ของคุณได้
อินพุต: อินพุตเป็นพื้นที่แบบอินเทอร์แอคทีฟซึ่งต้องมีการป้อนข้อมูลของลูกค้า ตัวอย่างเช่น ตัวเลือกจำนวน แบบฟอร์มการลงทะเบียนอีเมล หรือหมายเหตุสำหรับตะกร้าสินค้า คุณสามารถปรับรูปลักษณ์อินพุตของร้านค้าออนไลน์ของคุณได้
การตั้งค่าสำหรับบัตรสินค้า บัตรคอลเลกชัน และบัตรบล็อกจะช่วยให้คุณปรับแต่งรูปแบบของบัตรแต่ละประเภทได้เมื่อแสดงในส่วนของหน้า - บัตรสินค้า: บัตรสินค้าจะแสดงข้อมูลเกี่ยวกับสินค้าของคุณในพื้นที่ต่างๆ ในธีมของคุณที่แสดงสินค้าหลายรายการ เช่น เทมเพลตคอลเลกชัน ส่วนคอลเลกชัน และผลการค้นหา - บัตรคอลเลกชัน: บัตรคอลเลกชันจะแสดงข้อมูลเกี่ยวกับคอลเลกชันของคุณในพื้นที่ต่างๆ ในธีมของคุณที่แสดงรายการคอลเลกชัน เช่น ส่วนหรือเทมเพลตรายการคอลเลกชัน - บัตรบล็อก: บัตรบล็อกจะแสดงข้อมูลเกี่ยวกับบล็อกโพสต์ของคุณในพื้นที่ต่างๆ ในธีมของคุณที่แสดงสินค้าหลายรายการ เช่น เทมเพลตบล็อก ส่วนบล็อก และผลการค้นหา
ส่วนที่บรรจุเนื้อหา: ส่วนที่บรรจุเนื้อหาจะใช้กับองค์ประกอบของส่วนเนื้อหาที่เป็นข้อความ เช่น กล่องข้อความบนสไลด์โชว์ แบนเนอร์รูปภาพ หรือคอลัมน์ในส่วนที่มีหลายคอลัมน์ โดยคุณสามารถปรับแต่งรูปลักษณ์ของส่วนที่บรรจุเนื้อหาในร้านค้าออนไลน์ของคุณได้
สื่อ: สื่อคือองค์ประกอบที่เป็นภาพของส่วนต่างๆ เช่น สื่อสินค้า หรือรูปภาพในส่วนรูปภาพพร้อมข้อความ คุณสามารถเพิ่มเส้นขอบและเงาให้กับสื่อของคุณได้
ดรอปดาวน์และป๊อปอัพ: คุณสามารถปรับเปลี่ยนลักษณะที่ปรากฏของเมนูดรอปดาวน์ โมดอลป๊อปอัพ และป็อปอัพตะกร้าสินค้าบนร้านค้าออนไลน์ของคุณได้
ลิ้นชัก: ลิ้นชักคือคอนเทนเนอร์แบบอินเทอร์แอคทีฟที่ซ่อนอยู่ และจะปรากฏขึ้นเมื่อแตะหรือคลิก เช่น เมนูแบบพับเก็บได้ หรือตัวเลือกการกรองคอลเลกชัน โดยคุณสามารถปรับแต่งขอบและเงาของลิ้นชักบนร้านค้าออนไลน์ของคุณได้
เครื่องหมาย: เครื่องหมายลดราคาและสินค้าหมดจะถูกเพิ่มไปยังรูปภาพสินค้าของคุณโดยอัตโนมัติเมื่อคุณลดราคาลงหรือเมื่อจำนวนสินค้าคงคลังถึง 0 คุณสามารถปรับตําแหน่ง รูปร่าง และสีของเครื่องหมายลดราคาและสินค้าหมดแต่ละรายการได้ในการตั้งค่าธีม เครื่องหมายหน้าและบล็อกจะปรากฏบนผลลัพธ์การค้นหาที่เกี่ยวข้อง คุณสามารถปรับแต่งตําแหน่งและรูปร่างของเครื่องหมายเหล่านี้ได้ แต่ไม่สามารถเปลี่ยนสีของเครื่องหมายหน้าและบล็อกได้
ข้อมูลแบรนด์: คุณสามารถใส่ข้อมูลเกี่ยวกับแบรนด์ของคุณไว้ในร้านค้าออนไลน์ได้ เมื่อคุณดำเนินการตามขั้นตอนต่อไปนี้เสร็จเรียบร้อยแล้ว คุณสามารถเพิ่มบล็อกข้อมูลแบรนด์ในส่วนท้ายของร้านค้าออนไลน์ของคุณได้
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการแก้ไข
คลิกที่ไอคอน
คลิกที่องค์ประกอบเพื่อเปิดการตั้งค่า
ปรับเปลี่ยนการตั้งค่าใดๆ ที่มีอยู่ คุณสามารถตรวจสอบการเปลี่ยนแปลงได้โดยไปที่พื้นที่ต่างๆ ในธีมของคุณใน หน้าต่างแสดงตัวอย่าง
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการแก้ไข
แตะที่ไอคอน
แตะที่องค์ประกอบเพื่อเปิดการตั้งค่า
ปรับเปลี่ยนการตั้งค่าใดๆ ที่มีอยู่ คุณสามารถตรวจสอบการเปลี่ยนแปลงได้โดยไปที่พื้นที่ต่างๆ ในธีมของคุณใน หน้าต่างแสดงตัวอย่าง
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการแก้ไข
แตะที่ไอคอน
แตะที่องค์ประกอบเพื่อเปิดการตั้งค่า
ปรับเปลี่ยนการตั้งค่าใดๆ ที่มีอยู่ คุณสามารถตรวจสอบการเปลี่ยนแปลงได้โดยไปที่พื้นที่ต่างๆ ในธีมของคุณใน หน้าต่างแสดงตัวอย่าง
แล้วแตะที่ ✓
โซเชียลมีเดีย
คุณสามารถเพิ่มลิงก์ไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณที่แสดงในส่วนท้ายของร้านค้าออนไลน์ของคุณ
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิกที่ โซเชียลมีเดีย
หากต้องการเพิ่มลิงก์ไปยังบัญชีโซเชียลมีเดียของคุณ ให้ป้อนที่อยู่เว็บไซต์สำหรับบัญชีผู้ใช้ของคุณในช่องบัญชีผู้ใช้โซเชียลมีเดียที่เกี่ยวข้อง คุณต้องป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://tiktok.com/@shopify
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะ "โซเชียลมีเดีย"
หากต้องการเพิ่มลิงก์ไปยังบัญชีโซเชียลมีเดียของคุณ ให้ป้อนที่อยู่เว็บไซต์สำหรับบัญชีผู้ใช้ของคุณในช่องบัญชีผู้ใช้โซเชียลมีเดียที่เกี่ยวข้อง คุณต้องป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://tiktok.com/@shopify
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะ "โซเชียลมีเดีย"
หากต้องการเพิ่มลิงก์ไปยังบัญชีโซเชียลมีเดียของคุณ ให้ป้อนที่อยู่เว็บไซต์สำหรับบัญชีผู้ใช้ของคุณในช่องบัญชีผู้ใช้โซเชียลมีเดียที่เกี่ยวข้อง คุณต้องป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://tiktok.com/@shopify
แล้วแตะที่ ✓
พฤติกรรมการค้นหา
ร้านค้าออนไลน์ของคุณมีการค้นหาเชิงคาดการณ์ซึ่งจะแสดงคำแนะนำเมื่อลูกค้าเริ่มพิมพ์ลงในช่องค้นหา คำแนะนำการค้นหานั้นสามารถช่วยให้ลูกค้าเรียบเรียงและจำกัดการแสดงผลการค้นหาได้ อีกทั้งยังมอบวิธีการใหม่ๆ ในการสำรวจร้านค้าออนไลน์ของคุณให้อีกด้วย นอกจากนี้ คำแนะนำการค้นหายังสามารถให้ลูกค้าเรียกดูรายการที่ตรงกันได้อย่างรวดเร็ว โดยไม่ต้องออกจากหน้าปัจจุบันของตนเพื่อดูรายการผลลัพธ์การค้นหาแยกต่างหาก
หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำงานของคำแนะนำการค้นหา ให้ไปที่การค้นหาเชิงคาดการณ์
คุณสามารถปรับแต่งวิธีการแสดงคำแนะนำการค้นหาให้กับลูกค้าของคุณได้
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิก "พฤติกรรมการค้นหา"
หากต้องการเปิดใช้งานหรือปิดใช้งานคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือก "เปิดใช้งานคำแนะนำการค้นหา"
ตัวเลือกเสริม: หากต้องการซ่อนเวนเดอร์ของสินค้าในคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงเวนเดอร์ของสินค้า
ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนราคาสินค้าในคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือก "แสดงราคาสินค้า"
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะ "พฤติกรรมการค้นหา"
หากต้องการเปิดใช้งานหรือปิดใช้งานคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือก "เปิดใช้งานคำแนะนำการค้นหา"
ตัวเลือกเสริม: หากต้องการซ่อนเวนเดอร์ของสินค้าในคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงเวนเดอร์ของสินค้า
ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนราคาสินค้าในคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือก "แสดงราคาสินค้า"
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะ "พฤติกรรมการค้นหา"
หากต้องการเปิดใช้งานหรือปิดใช้งานคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือก "เปิดใช้งานคำแนะนำการค้นหา"
ตัวเลือกเสริม: หากต้องการซ่อนเวนเดอร์ของสินค้าในคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงเวนเดอร์ของสินค้า
ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนราคาสินค้าในคำแนะนำการค้นหา ให้เลือกหรือยกเลิกการเลือก "แสดงราคาสินค้า"
แล้วแตะที่ ✓
รูปแบบสกุลเงิน
คุณสามารถเลือกให้แสดงรหัสสกุลเงินพร้อมกับราคาสินค้าของคุณได้
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิก “รูปแบบสกุลเงิน”
หากต้องการแสดงรหัสสกุลเงิน ให้เลือก "แสดงรหัสสกุลเงิน"
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะ "รูปแบบสกุลเงิน"
หากต้องการแสดงรหัสสกุลเงิน ให้เลือก "แสดงรหัสสกุลเงิน"
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะ "รูปแบบสกุลเงิน"
หากต้องการแสดงรหัสสกุลเงิน ให้เลือก "แสดงรหัสสกุลเงิน"
แล้วแตะที่ ✓
ตะกร้าสินค้า
คุณสามารถเปลี่ยนรูปแบบของตะกร้าสินค้าในร้านค้าออนไลน์ของคุณได้ เมื่อลูกค้าหยิบสินค้าจากร้านค้าของคุณใส่ตะกร้าสินค้าของตน ตะกร้าสินค้าดังกล่าวสามารถแสดงเป็นรูปแบบเลื่อนด้านข้าง แบบหน้าแยกต่างหาก หรือแบบการแจ้งเตือนป๊อปอัพก็ได้ หากต้องการให้ลูกค้าอยู่ในหน้าเดียวกับสินค้าดังกล่าว ให้ใช้ตัวเลือกแบบเลื่อนข้างหรือแบบการแจ้งเตือนป๊อปอัพ หากต้องการนำลูกค้าไปยังหน้าตะกร้าสินค้า ให้ใช้ตัวเลือกแบบหน้าแยกต่างหาก เมื่อตะกร้าสินค้าของลูกค้าว่างอยู่ คุณสามารถแสดงคอลเลกชันเด่นในตะกร้าสินค้าแบบเลื่อนด้านข้างได้
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิกตะกร้าสินค้า
ใช้เมนูดรอปดาวน์ประเภทตะกร้าสินค้าเพื่อเลือกรูปแบบตะกร้าสินค้าแบบเลื่อนด้านข้าง หน้าหรือการแจ้งเตือนแบบป๊อปอัพ
ตัวเลือกเสริม: หากต้องการแสดงชื่อเวนเดอร์ของรายการสินค้าในตะกร้าสินค้าของลูกค้า ให้เลือก "แสดงเวนเดอร์"
ตัวเลือกเสริม: หากต้องการให้ลูกค้ามีกล่องข้อความสำหรับกรอกคำขอพิเศษหรือเพิ่มข้อมูลคำสั่งซื้อพิเศษเพิ่มเติม ให้เลือก "เปิดใช้งานหมายเหตุในตะกร้าสินค้า"
ตัวเลือกเสริม: หากคุณเลือก "แบบเลื่อนด้านข้าง" เป็นประเภทตะกร้าสินค้าของคุณ คุณสามารถแสดงคอลเลกชันในตะกร้าสินค้าแบบเลื่อนด้านข้างได้
- ในพื้นที่ตะกร้าสินค้าแบบเลื่อนด้านข้าง ให้คลิก "เลือกคอลเลกชัน"
- คลิกชื่อคอลเลกชันที่คุณต้องการแสดง แล้วคลิก "เลือก"
ตัวเลือกเสริม: หากคุณเลือก "แบบเลื่อนด้านข้าง" เป็น ประเภทตะกร้าสินค้าของคุณ คุณสามารถเปลี่ยนรูปแบบสีของตะกร้าสินค้าแบบเลื่อนด้านข้างได้โดยทำตามขั้นตอนต่อไปนี้:
- ในตะกร้าสินค้าแบบเลื่อนด้านข้าง > พื้นที่รูปแบบสี ให้คลิก "เปลี่ยน"
- เลือกรูปแบบสีที่คุณต้องการใช้สำหรับตะกร้าสินค้าแบบเลื่อนด้านข้างของคุณ
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะ "ตะกร้าสินค้า"
เลือก "ประเภทตะกร้าสินค้า" ของคุณจากตัวเลือก "แบบเลื่อนด้านข้าง" "หน้า" หรือ "การแจ้งเตือนแบบป๊อปอัพ"
ตัวเลือกเสริม: หากต้องการแสดงชื่อเวนเดอร์ของรายการสินค้าในตะกร้าสินค้าของลูกค้า ให้เลือก "แสดงเวนเดอร์"
ตัวเลือกเสริม: หากต้องการให้ลูกค้ามีกล่องข้อความสำหรับกรอกคำขอพิเศษหรือเพิ่มข้อมูลคำสั่งซื้อพิเศษเพิ่มเติม ให้เลือก "เปิดใช้งานหมายเหตุในตะกร้าสินค้า"
ตัวเลือกเสริม: หากคุณเลือก "แบบเลื่อนด้านข้าง" เป็นประเภทตะกร้าสินค้าของคุณ คุณสามารถแสดงคอลเลกชันในตะกร้าสินค้าแบบเลื่อนด้านข้างได้
- ในพื้นที่ตะกร้าสินค้าแบบเลื่อนด้านข้าง ให้แตะ "เลือกคอลเลกชัน"
- แตะชื่อของคอลเลกชันที่คุณต้องการแสดง จากนั้นแตะ "เสร็จสิ้น"
ตัวเลือกเสริม: หากคุณเลือก "แบบเลื่อนด้านข้าง" เป็น ประเภทตะกร้าสินค้าของคุณ คุณสามารถเปลี่ยนรูปแบบสีของตะกร้าสินค้าแบบเลื่อนด้านข้างได้โดยทำตามขั้นตอนต่อไปนี้:
- ในตะกร้าสินค้าแบบเลื่อนด้านข้าง > พื้นที่รูปแบบสี ให้แตะ "เปลี่ยน"
- เลือกรูปแบบสีที่คุณต้องการใช้สำหรับตะกร้าสินค้าแบบเลื่อนด้านข้างของคุณ จากนั้นแตะ "เสร็จสิ้น"
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะ "ตะกร้าสินค้า"
เลือก "ประเภทตะกร้าสินค้า" ของคุณจากตัวเลือก "แบบเลื่อนด้านข้าง" "หน้า" หรือ "การแจ้งเตือนแบบป๊อปอัพ"
ตัวเลือกเสริม: หากต้องการแสดงชื่อเวนเดอร์ของรายการสินค้าในตะกร้าสินค้าของลูกค้า ให้เลือก "แสดงเวนเดอร์"
ตัวเลือกเสริม: หากต้องการให้ลูกค้ามีกล่องข้อความสำหรับกรอกคำขอพิเศษหรือเพิ่มข้อมูลคำสั่งซื้อพิเศษเพิ่มเติม ให้เลือก "เปิดใช้งานหมายเหตุในตะกร้าสินค้า"
ตัวเลือกเสริม: หากคุณเลือก "แบบเลื่อนด้านข้าง" เป็นประเภทตะกร้าสินค้าของคุณ คุณสามารถแสดงคอลเลกชันในตะกร้าสินค้าแบบเลื่อนด้านข้างได้
- ในพื้นที่ตะกร้าสินค้าแบบเลื่อนด้านข้าง ให้แตะ "เลือกคอลเลกชัน"
- แตะชื่อของคอลเลกชันที่คุณต้องการแสดง จากนั้นแตะ "เสร็จสิ้น"
ตัวเลือกเสริม: หากคุณเลือก "แบบเลื่อนด้านข้าง" เป็น ประเภทตะกร้าสินค้าของคุณ คุณสามารถเปลี่ยนรูปแบบสีของตะกร้าสินค้าแบบเลื่อนด้านข้างได้โดยทำตามขั้นตอนต่อไปนี้:
- ในตะกร้าสินค้าแบบเลื่อนด้านข้าง > พื้นที่รูปแบบสี ให้แตะ "เปลี่ยน"
- เลือกรูปแบบสีที่คุณต้องการใช้สำหรับตะกร้าสินค้าแบบเลื่อนด้านข้างของคุณ จากนั้นแตะ "เสร็จสิ้น"
แล้วแตะที่ ✓
CSS แบบกำหนดเอง
ส่วน CSS แบบกำหนดเองจะช่วยให้คุณสามารถป้อนรหัส CSS ของคุณเองได้ ตัวอย่างเช่น เพื่อปรับแต่งรูปลักษร์ของปุ่มร้านค้าออนไลน์ของคุณให้เกินกว่า การตั้งค่าเริ่มต้นที่มีให้ใช้งาน หรือเพื่อใช้รูปแบบที่เป็นเอกลักษณ์เฉพาะกับองค์ประกอบข้อความเฉพาะ
การตั้งค่า CSS แบบกำหนดเองในธีมของคุณจะส่งผลต่อหน้าทั้งหมดในร้านค้าออนไลน์ของคุณ ยกเว้นหน้าการชำระเงิน
ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่ม CSS แบบกำหนดเองลงในธีมของคุณ
สไตล์ของธีม
รูปแบบของธีมคือคอลเลกชันของการตั้งค่าที่คัดสรรโดยนักออกแบบธีม คุณสามารถนำมาใช้งานบนร้านค้าของคุณได้ เพื่อให้รูปลักษณ์และการใช้งานดูสวยงาม ธีมทั้งหมดมีการใช้งานรูปแบบธีมอยู่แล้วตามค่าเริ่มต้น ตัวเลือกสไตล์ของธีมอื่นๆ ที่คุณมีจะเป็นไปตามธีมที่คุณใช้
เมื่อคุณปรับแต่งธีมคุณสามารถเปลี่ยนการตั้งค่ารูปแบบธีมด้วยตัวคุณเองได้ หากคุณนำรูปแบบธีมไปใช้งานบนธีมของคุณ การตั้งค่าปัจจุบันของคุณ เช่น สีและตัวพิมพ์จะเปลี่ยนแปลงไป
ขั้นตอนมีดังนี้
เดสก์ท็อป
ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
คลิก การตั้งค่าธีม ไอคอน
คลิก “สไตล์ของธีม”
เลือกสไตล์ของธีมที่คุณต้องการใช้ แล้วคลิก "เปลี่ยนสไตล์"
แล้วคลิกที่บันทึก
iPhone
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "⋮" แล้วแตะ "การตั้งค่าธีม"
แตะ "สไตล์ของธีม"
เลือกสไตล์ธีมที่คุณต้องการใช้ จากนั้นแตะ "เสร็จสิ้น"
แล้วแตะที่ ✓
Android
จาก แอป Shopify ให้แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
แตะ "…" แล้วแตะ "การตั้งค่าธีม"
แตะ "สไตล์ของธีม"
เลือกสไตล์ธีมที่คุณต้องการใช้ จากนั้นแตะ "เสร็จสิ้น"
แล้วแตะที่ ✓