ในตัวแก้ไขธีม: ปรับแต่งส่วนหัวส่วนหัว

ส่วนหัว

โลโก้ในรอยบาก เมนู และไอคอนค้นหา บัญชี และตะกร้า บนโทรศัพท์ไอคอนลอยอยู่เหมือนเหรียญ บนคอมพิวเตอร์เมนูอยู่ในแถบ

อัปโหลดโลโก้ที่มีพื้นหลังโปร่งใส แล้วใช้ “ตัดขอบโปร่งใสของโลโก้” เพื่อให้โลโก้อยู่กึ่งกลางรอยบาก

การตั้งค่า

โลโก้

รูปโลโก้
รูปภาพหากเว้นว่าง จะแสดงชื่อร้านเป็นข้อความ
ความกว้างโลโก้บนคอมพิวเตอร์
แถบเลื่อน ตั้งแต่ 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 แสดงรูปตามเดิม

มีอะไรที่นี่ไม่ตรงกับในตัวแก้ไขหรือไม่ แจ้งให้เราทราบ แล้วเราจะแก้ไขคู่มือ