ในตัวแก้ไขธีม: ปรับแต่ง›ส่วนหัว›ส่วนหัว
ส่วนหัว
โลโก้ในรอยบาก เมนู และไอคอนค้นหา บัญชี และตะกร้า บนโทรศัพท์ไอคอนลอยอยู่เหมือนเหรียญ บนคอมพิวเตอร์เมนูอยู่ในแถบ
อัปโหลดโลโก้ที่มีพื้นหลังโปร่งใส แล้วใช้ “ตัดขอบโปร่งใสของโลโก้” เพื่อให้โลโก้อยู่กึ่งกลางรอยบาก
การตั้งค่า
โลโก้
- รูปโลโก้
- รูปภาพหากเว้นว่าง จะแสดงชื่อร้านเป็นข้อความ
- ความกว้างโลโก้บนคอมพิวเตอร์
- แถบเลื่อน ตั้งแต่ 100 ถึง 300 pxค่าเริ่มต้น: 190 pxความกว้างของส่วนที่มองเห็นของโลโก้ หลังตัดขอบโปร่งใสออกแล้ว
- ความสูงสูงสุดของโลโก้บนคอมพิวเตอร์
- แถบเลื่อน ตั้งแต่ 40 ถึง 160 pxค่าเริ่มต้น: 65 pxโลโก้ที่สูงจะถูกย่อลงให้เท่าความสูงนี้ ความสูงนับเฉพาะส่วนที่มองเห็น
- ความกว้างโลโก้บนมือถือ
- แถบเลื่อน ตั้งแต่ 80 ถึง 200 pxค่าเริ่มต้น: 100 pxความกว้างของส่วนที่มองเห็นของโลโก้บนมือถือและแท็บเล็ต บนมือถือที่แคบ โลโก้จะเล็กลงตามความจำเป็น เพื่อให้ไอคอนข้าง ๆ มีพื้นที่พอ
- ความสูงสูงสุดของโลโก้บนมือถือ
- แถบเลื่อน ตั้งแต่ 24 ถึง 44 pxค่าเริ่มต้น: 34 pxโลโก้ที่สูงจะถูกย่อลงให้เท่าความสูงนี้บนมือถือและแท็บเล็ต แถบมีความสูงคงที่ 48px จึงใช้ได้สูงสุด 44
- ตำแหน่งโลโก้ในส่วนบากบนมือถือ
- แถบเลื่อน ตั้งแต่ -8 ถึง 12 pxค่าเริ่มต้น: 4 pxค่าบวกเลื่อนโลโก้ลง ค่าลบเลื่อนขึ้น ค่า 0: อยู่กึ่งกลางแถวส่วนหัว
- ตำแหน่งโลโก้ในส่วนบากบนคอมพิวเตอร์
- แถบเลื่อน ตั้งแต่ -8 ถึง 12 pxค่าเริ่มต้น: 0 pxค่าบวกเลื่อนโลโก้ลง ค่าลบเลื่อนขึ้น ค่า 0: อยู่กึ่งกลางแถวส่วนหัว
ตัดขอบโปร่งใสของโลโก้
- ตัดจากด้านบน
- แถบเลื่อน ตั้งแต่ 0 ถึง 40 %ค่าเริ่มต้น: 17 %
- ตัดจากด้านล่าง
- แถบเลื่อน ตั้งแต่ 0 ถึง 40 %ค่าเริ่มต้น: 22 %
- ตัดจากด้านซ้าย
- แถบเลื่อน ตั้งแต่ 0 ถึง 40 %ค่าเริ่มต้น: 7.5 %
- ตัดจากด้านขวา
- แถบเลื่อน ตั้งแต่ 0 ถึง 40 %ค่าเริ่มต้น: 3.5 %
รูปโลโก้มักมีขอบโปร่งใสรอบลายเซ็น ตั้งค่าว่าจะตัดออกจากแต่ละด้านของรูปเท่าไร (เป็นเปอร์เซ็นต์) แล้วขนาดโลโก้ด้านบนจะอ้างอิงส่วนที่เหลือ สำหรับรูปที่ครอปชิดแล้ว ให้คงทุกค่าไว้ที่ 0
ไอคอน
- แสดงปุ่มค้นหา
- เปิดหรือปิดค่าเริ่มต้น: เปิด
- คำที่พิมพ์ในช่องค้นหา
- ข้อความบนมือถือ เมื่อเปิดการค้นหา คำเหล่านี้จะถูกพิมพ์ลงในช่องทีละคำ คั่นด้วยเครื่องหมายจุลภาค เว้นว่างไว้เพื่อใช้ชื่อลิงก์ในเมนูหลัก และจะแสดงเป็นไอเดียก่อนพิมพ์ด้วย
- ก่อนพิมพ์
- ตัวเลือก: ไอเดียและการค้นหาล่าสุด, ไอเดียเท่านั้น, การค้นหาล่าสุดเท่านั้น, ไม่แสดงค่าเริ่มต้น: ไอเดียและการค้นหาล่าสุดไอเดียคือคำในช่องค้นหา การค้นหาล่าสุดเป็นของลูกค้าแต่ละคนและบันทึกในเบราว์เซอร์
- เมนูบัญชี
- เมนูลิงก์ในหน้าต่างบัญชีของ Shopify ใต้การเข้าสู่ระบบ "เมนูหลักของบัญชีลูกค้า" ทำให้ลิงก์ตรงกับหน้าบัญชี
- ขนาดเหรียญในส่วนหัว
- แถบเลื่อน ตั้งแต่ 36 ถึง 48 pxค่าเริ่มต้น: 40 pxเส้นผ่านศูนย์กลางของเหรียญในส่วนหัวบนโทรศัพท์และแท็บเล็ต บนคอมพิวเตอร์ส่วนหัวไม่มีเหรียญ ไอคอนอยู่บนแถบเป็นเส้น ไอคอนในเหรียญมีขนาดครึ่งหนึ่งของเส้นผ่านศูนย์กลาง
- ถุงตอบสนองเมื่อเพิ่มสินค้า
- เปิดหรือปิดค่าเริ่มต้น: เปิดเมื่อเพิ่มสินค้าลงตะกร้า ถุงจะหย่อนลงเล็กน้อย บีบตัว แล้วเด้งกลับ จะไม่เกิดขึ้นเมื่อเปลี่ยนจำนวนภายในตะกร้า
ส่วนหัวบนคอมพิวเตอร์
- รูปแบบเมนูบนคอมพิวเตอร์
- ตัวเลือก: ห้องสมุด: ลิงก์ทั้งหมดเป็นคอลัมน์, ห้อง: ทีละกลุ่ม, แกลเลอรี: ภาพสำหรับแต่ละกลุ่มค่าเริ่มต้น: ห้องสมุด: ลิงก์ทั้งหมดเป็นคอลัมน์วิธีที่แผงใต้แถบแสดงลิงก์ของรายการเมนู สร้างจากเมนูปกติของคุณ สูงสุดสามระดับ
- รูปคอลเลกชันในเมนู
- เปิดหรือปิดค่าเริ่มต้น: เปิดในรูปแบบห้องสมุดและห้อง ภาพคอลเลกชันจะแสดงข้างลิงก์และเปลี่ยนตามลิงก์ใต้ตัวชี้ แกลเลอรีแสดงภาพเสมอ
- สีแผงเมนู
- ตัวเลือก: ขาว เหมือนการค้นหา, เข้ม, สีที่เลือกเองค่าเริ่มต้น: ขาว เหมือนการค้นหา
- สีของแผง
- สีสีตัวอักษรเลือกให้อัตโนมัติ: เข้มบนสีอ่อน และอ่อนบนสีเข้ม
เมนูลอยบนโทรศัพท์
- เมนูลอยเมื่อเลื่อน
- ตัวเลือก: ปิด, บนโทรศัพท์ค่าเริ่มต้น: บนโทรศัพท์บนโทรศัพท์ เมื่อส่วนหัวเลื่อนออกจากหน้าจอ ไอคอนทั้งสี่เดียวกันจะลอยอยู่ในแคปซูลที่ด้านล่างของหน้าจอใกล้นิ้วโป้ง เมนู การค้นหา และตะกร้าจะเปิดจากด้านบน เหมือนตอนอยู่บนสุดของหน้า แอปแชท: ตั้งระยะขอบล่างในการตั้งค่าของแอปอย่างน้อย 90 พิกเซล เพื่อให้อยู่เหนือแคปซูล
- รูปทรงของเมนูลอย
- ตัวเลือก: แท็บจากกรอบ, ลอย ด้านบนแคบ, ลอย ด้านบนกว้างค่าเริ่มต้น: แท็บจากกรอบแท็บ: ยื่นขึ้นจากขอบล่างของกรอบในรูปทรงรอยบากของโลโก้ ในสีของกรอบ รูปทรงแบบลอยใช้สีเมนูด้านล่าง
- สีของเมนูลอย
- ตัวเลือก: เหมือนเหรียญในส่วนหัว, เข้ม, สว่างค่าเริ่มต้น: เหมือนเหรียญในส่วนหัว"เหมือนเหรียญในส่วนหัว" จะใช้สีของเหรียญในส่วนหัว: เข้มเมื่อกรอบเข้ม และสว่างเมื่อกรอบสีขาว
- สีไอคอนเมนูด้านล่าง
- สีไอคอนในเมนูลอยบนโทรศัพท์ เว้นว่าง: สีตามโทนของเมนู
- สีวงแหวนเมนูด้านล่าง
- สีวงแหวนบางรอบแต่ละไอคอน ไม่มีการเติมสี ไอคอนที่เปิดอยู่จะเติมด้วยสีนี้ เว้นว่าง: สีตามโทนของเมนู
- ระยะห่างจากกรอบ
- แถบเลื่อน ตั้งแต่ 0 ถึง 24 pxค่าเริ่มต้น: 4 pxระยะห่างระหว่างเมนูกับกรอบด้านล่าง หรือแถบเบราว์เซอร์เมื่อแถบปิดกรอบอยู่ เท่ากันทั้งเลื่อนขึ้นและเลื่อนลง ค่าเริ่มต้น: 4 พิกเซล
เมนู
- เมนูหลัก
- เมนูแก้ไขรายการเมนูได้ที่เนื้อหา > เมนู
- หัวข้อเล็กเหนือเมนูบนมือถือ
- ข้อความเว้นว่างไว้เพื่อใช้ค่าเริ่มต้น
- ข้อความปุ่มชมรมสมาชิก
- ข้อความปุ่มที่ด้านล่างของเมนูบนมือถือ เว้นว่างไว้เพื่อใช้ค่าเริ่มต้น
- ตัวเลือกภาษาและประเทศในเมนู
- เปิดหรือปิดค่าเริ่มต้น: เปิดเหนือปุ่มชมรม จะปรากฏเมื่อมีมากกว่าหนึ่งภาษาหรือหนึ่งประเทศเท่านั้น
- ตัวเลือกภาษาในแถบ
- เปิดหรือปิดค่าเริ่มต้น: เปิดบนคอมพิวเตอร์ มีตัวเลือกภาษาในแถบด้านบนก่อนไอคอนค้นหา บนโทรศัพท์และแท็บเล็ตจะอยู่ในเมนู
- ธงข้างชื่อภาษา
- เปิดหรือปิดค่าเริ่มต้น: เปิดแสดงธงเล็ก ๆ ข้างแต่ละภาษา บางร้านเลือกไม่แสดง เพราะภาษาไม่ใช่ประเทศ
- โซเชียลมีเดียในเมนู
- เปิดหรือปิดค่าเริ่มต้น: เปิดแถวไอคอนแบบทึบใต้ปุ่มชมรม เหมือนในส่วนท้ายเว็บไซต์ ลิงก์และลำดับตั้งค่าได้ที่การตั้งค่าธีม ในส่วนโซเชียลมีเดีย Facebook, Instagram, TikTok, YouTube และ X จะแสดงเป็นไอคอนธรรมดาจนกว่าคุณจะเพิ่มลิงก์ เครือข่ายอื่นจะแสดงเมื่อมีลิงก์เท่านั้น
- สีเมนู
- สีค่าเริ่มต้น: #FFFFFFสีใดก็ได้ตามต้องการ ข้อความและปุ่มจะปรับตาม หากเป็นสีเข้ม ข้อความจะเป็นสีครีม ค่าเริ่มต้น: สีขาว เหมือนกรอบ
- รูปแบบพื้นหลัง
- ตัวเลือก: สีเรียบ, เวทีมีแสงค่าเริ่มต้น: สีเรียบเวทีมีแสง: แสงนุ่มจากด้านบนที่ค่อยๆ จางลงด้านล่าง สร้างจากสีที่เลือก บนสีอ่อน ด้านบนจะเป็นสีขาว บนสีเข้มจะเป็นเวทีมืด
- สีของแสง
- สีแสงนุ่มๆ จากกึ่งกลางด้านบน เว้นว่าง: สีขาว
- สีปุ่มชมรม
- สีปุ่มที่ด้านล่างของเมนู เว้นว่าง: ใช้สีเมนู ข้อความจะเปลี่ยนเป็นสีอ่อนหรือเข้มให้เข้ากัน
- รูปพื้นหลังเมนู
- รูปภาพไม่บังคับ รูปจะโหลดเมื่อเปิดเมนูครั้งแรกเท่านั้น มีผ้าคลุมสีเมนูวางทับด้านบน
- ความเข้มของผ้าคลุมเหนือรูป
- แถบเลื่อน ตั้งแต่ 0 ถึง 100 %ค่าเริ่มต้น: 80 %สีเมนูที่ปกคลุมรูปมากเท่าไร เพื่อให้ข้อความยังอ่านง่าย ค่า 0 แสดงรูปตามเดิม
มีอะไรที่นี่ไม่ตรงกับในตัวแก้ไขหรือไม่ แจ้งให้เราทราบ แล้วเราจะแก้ไขคู่มือ
