การตั้งค่าธีม

คุณสามารถใช้การตั้งค่าธีมเพื่อเปลี่ยนตัวพิมพ์ สี ลิงก์โซเชียลมีเดีย และหน้าตะกร้าสินค้าในร้านค้าออนไลน์ของคุณได้ เมื่อคุณเปลี่ยนแปลงการตั้งค่าธีมของคุณ การเปลี่ยนแปลงดังกล่าวจะมีผลกับร้านค้าออนไลน์ทั้งหมดของคุณ

โลโก้

คุณสามารถเพิ่มโลโก้ธุรกิจของคุณไปยังร้านค้าออนไลน์ของคุณได้ โดยโลโก้ของคุณจะแสดงในที่ดังต่อไปนี้:

• ส่วนหัวของคุณในทุกหน้า
• หน้าป้อนรหัสผ่านของคุณ

ปรับแต่งโลโก้ของคุณ

รูปภาพโลโก้มีความกว้างสูงสุด 300 พิกเซล

ขั้นตอน:

เพิ่ม Favicon

คุณสามารถเพิ่มไอคอนรายการโปรดหรือ Favicon ซึ่งใช้เพื่อช่วยสร้างแบรนด์ร้านค้าออนไลน์ของคุณได้ โดย Favicon จะปรากฏอยู่ในตำแหน่งดังต่อไปนี้:

• แท็บเว็บเบราว์เซอร์ของคุณ
• ประวัติเว็บเบราว์เซอร์ของคุณ
• ไอคอนในเดสก์ท็อปของคุณ
• ข้างชื่อร้านค้าออนไลน์ของคุณเมื่อเว็บไซต์ถูกบุ๊คมาร์ก

ดูข้อมูลเพิ่มเติมเกี่ยวกับ favicons

เคล็ดลับ

ขนาด Favicon ที่แนะนำคือ 32 x 32 พิกเซล รูปภาพที่มีขนาดใหญ่กว่านี้จะถูกลดขนาดลงเหลือ 32 x 32 พิกเซล

ขั้นตอน:

สี

คุณสามารถสร้างและปรับแต่งรูปแบบสีที่ไม่ซ้ำกันได้สูงสุดถึง 21 รูปแบบและใช้กับส่วนต่างๆ ทั่วร้านค้าออนไลน์ของคุณ ดูข้อมูลเพิ่มเติมเกี่ยวกับตัวเลือกสี รูปแบบสี และการไล่ระดับสี

ขั้นตอน:

ตัวพิมพ์

คุณสามารถกำหนดขนาดและแบบอักษรของข้อความบนร้านค้าออนไลน์ของคุณได้ โดยคุณสามารถเลือกแบบอักษรของระบบหรือแบบอักษรที่กำหนดเองก็ได้

ลองพิจารณาใช้แบบอักษรของระบบในร้านค้าของคุณ เนื่องจากแบบอักษรของระบบได้รับการติดตั้งไว้บนคอมพิวเตอร์ของผู้ใช้แล้ว เนื่องจากการใช้แบบอักษรของระบบจะป้องกันการดาวน์โหลดแบบอักษรใหม่ไปยังคอมพิวเตอร์ของลูกค้า ซึ่งอาจส่งผลกระทบต่อความเร็วในการโหลดร้านค้าของคุณได้ แบบอักษรที่แสดงบนคอมพิวเตอร์ของลูกค้าจะขึ้นอยู่กับระบบปฏิบัติการของพวกเขา

ปรับแต่งประเภทของแบบอักษรของคุณ

โปรดดูคลังแบบอักษรของ Shopify เพื่อดูรายการแบบอักษรที่พร้อมใช้งาน

ขั้นตอนมีดังนี้

ปรับแต่งขนาดแบบอักษรของคุณ

คุณสามารถตั้งค่าขนาดแบบอักษรเริ่มต้นสำหรับหัวเรื่องและข้อความเนื้อหาได้ด้วยการตั้งค่าธีมตัวพิมพ์

ขนาดแบบอักษรต่ำสุดคือ 100% และขนาดแบบอักษรสูงสุดคือ 150% การเพิ่มมาตราส่วนแต่ละครั้งจะเพิ่มขนาดแบบอักษร 5% การตั้งค่าเริ่มต้นคือ 100%

ขั้นตอน:

เลย์เอาต์

คุณสามารถตั้งค่าความกว้างสูงสุดที่ระบบจะแสดงร้านค้าออนไลน์ของคุณ และตั้งค่าช่องว่างแนวตั้งและแนวนอนระหว่างส่วนต่างๆ ได้

ขั้นตอน:

ภาพเคลื่อนไหว

ภาพเคลื่อนไหวช่วยให้คุณสามารถเพิ่มการเคลื่อนไหวและดึงดูดสายตาให้กับร้านค้าออนไลน์ของคุณ คุณสามารถเปิดใช้งานภาพเคลื่อนไหวแบบจางขึ้นที่เผยให้เห็นส่วนร้านค้าของคุณเมื่อเลื่อนหน้าจอ และเอฟเฟกต์การวางเมาส์บนบัตรและปุ่มของคุณ

หมายเหตุ

ภาพเคลื่อนไหวแบบค่อยๆ ปรากฏขึ้นจะเปิดใช้งานในธีมของคุณตามค่าเริ่มต้น คุณสามารถปิดใช้งานภาพเคลื่อนไหวจากการตั้งค่าธีมของคุณได้ตลอดเวลา

ขั้นตอน:

เส้นขอบและเงา

คุณสามารถปรับเส้นขอบและเงาของประเภทเนื้อหาที่สามารถโต้ตอบได้บางประเภท เช่น ปุ่ม ตัวเลือกสินค้าทรงเม็ดยา หรืออินพุตเชิงปริมาณของสินค้า

ตัวเลือกที่ปรับแต่งได้ของเส้นขอบ ได้แก่

• ความหนา ซึ่งจะเปลี่ยนแปลงเค้าโครงของสินค้า
• ความทึบ ซึ่งตั้งค่าการแสดงผลของเค้าโครงสินค้า
• รัศมีมุม ซึ่งจะทำให้มุมสินค้าของคุณมีความโค้งมน

ตัวเลือกที่ปรับแต่งได้ของเงา ได้แก่

• ความทึบ ซึ่งจะเปลี่ยนแปลงการแสดงผลเงาของสินค้า โดยความทึบของเงา 0% จะลบเงาของสินค้าออกทั้งหมด
• แถบเลื่อนช่วงออฟเซตแนวนอนและแนวตั้งจะย้ายตำแหน่งของเงาไปรอบๆ สินค้า
• แถบเลื่อนช่วงเบลอจะเปลี่ยนแปลงความทึบของเงาของสินค้า

ปุ่ม

คุณสามารถปรับแต่งการตั้งค่าสำหรับปุ่มกระตุ้นให้ดำเนินการบนร้านค้าออนไลน์ของคุณได้โดยการเพิ่มเงา การเปลี่ยนแปลงช่องว่างหรือความทึบ และการปรับรูปร่างของปุ่มของคุณ

ขั้นตอน:

ตัวเลือกสินค้าทรงเม็ดยา

ตัวเลือกสินค้าทรงเม็ดยาช่วยให้คุณสามารถแสดงตัวเลือกสินค้าในหน้าสินค้าหรือส่วนสินค้าที่แนะนำได้ โดยลูกค้าสามารถเลือกตัวเลือกสินค้าที่ต้องการเพื่อเพิ่มสินค้าดังกล่าวไปยังตะกร้าสินค้าของตนได้โดยไม่ต้องเปลี่ยนหน้าสินค้า คุณสามารถปรับแต่งวิธีแสดงตัวเลือกสินค้าทรงเม็ดยาในร้านค้าออนไลน์ของคุณได้

ขั้นตอน:

อินพุต

อินพุตเป็นพื้นที่ที่มีการโต้ตอบซึ่งต้องมีการป้อนข้อมูลของลูกค้า ตัวอย่างเช่น ตัวเลือกจำนวน แบบฟอร์มการลงทะเบียนอีเมล หรือหมายเหตุสำหรับตะกร้าสินค้า คุณสามารถปรับรูปลักษณ์อินพุตของร้านค้าออนไลน์ของคุณได้

ขั้นตอน:

การ์ด

การตั้งค่าสำหรับบัตรสินค้า บัตรคอลเลกชัน และบัตรบล็อกจะช่วยให้คุณปรับแต่งรูปแบบของบัตรแต่ละประเภทได้เมื่อแสดงในส่วนของหน้า คุณสามารถเปลี่ยนสี การจัดวาง ช่องว่างรูปภาพ เส้นขอบ และเงาของบัตรส่วนทั้งสามประเภทได้

ขั้นตอน:

ส่วนที่บรรจุเนื้อความ

ส่วนที่บรรจุเนื้อหาจะใช้กับองค์ประกอบของส่วนเนื้อหาที่เป็นข้อความ เช่น กล่องข้อความบนสไลด์โชว์ แบนเนอร์รูปภาพ หรือคอลัมน์ในส่วนหลายคอลัมน์ โดยคุณสามารถปรับแต่งรูปลักษณ์ของส่วนที่บรรจุเนื้อหาในร้านค้าออนไลน์ของคุณได้

ขั้นตอน:

สื่อ

สื่อคือองค์ประกอบที่เป็นภาพของส่วนต่างๆ เช่น สื่อสินค้า หรือรูปภาพในส่วนรูปภาพพร้อมข้อความ คุณสามารถเพิ่มเส้นขอบและเงาให้กับสื่อของคุณได้

ขั้นตอน:

ดรอปดาวน์และป๊อปอัป

คุณสามารถปรับแต่งรูปลักษณ์ของเมนูดรอปดาวน์สำหรับการนําทาง ป๊อปอัป โมดอลแบบป๊อปอัป และป๊อปอัปตะกร้าสินค้าบนร้านค้าออนไลน์ของคุณได้

ขั้นตอน:

แถบตัวเลือกแบบซ่อนได้

แถบเมนูแบบซ่อน ซึ่งเป็นคอนเทนเนอร์แบบโต้ตอบที่จะแสดงเมื่อมีการแตะหรือคลิก ตัวอย่างเช่น เมนูการนําทางแบบย่อได้หรือตัวเลือกตัวกรองคอลเลกชัน คุณสามารถปรับแต่งขอบและเงาของแถบเมนูแบบซ่อนบนร้านค้าออนไลน์ของคุณได้

ขั้นตอน:

เครื่องหมาย

เครื่องหมาย ลดราคา และ สินค้าหมด จะถูกเพิ่มไปยังรูปภาพสินค้าของคุณโดยอัตโนมัติเมื่อราคาลดลงหรือเมื่อจำนวนสินค้าคงคลังถึง 0 คุณสามารถปรับตําแหน่ง รูปร่าง และสีของเครื่องหมาย ลดราคา และเครื่องหมาย สินค้าหมด ได้

เครื่องหมาย หน้า และ บล็อก จะปรากฏบนผลลัพธ์การค้นหาที่เกี่ยวข้อง คุณสามารถปรับแต่งตําแหน่งและรูปร่างของเครื่องหมายเหล่านี้ได้ แต่ไม่สามารถเปลี่ยนสีของป้าย หน้า และ บล็อก ได้

ขั้นตอน:

ข้อมูลแบรนด์

คุณสามารถรวมข้อมูลเกี่ยวกับแบรนด์ของคุณในร้านค้าออนไลน์ได้ เมื่อคุณดำเนินการตามขั้นตอนเสร็จเรียบร้อยแล้ว คุณสามารถเพิ่มบล็อคข้อมูลแบรนด์ในส่วนท้ายของร้านค้าออนไลน์ของคุณได้

ขั้นตอน:

โซเชียลมีเดีย

คุณสามารถเพิ่มลิงก์ไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณที่แสดงในส่วนท้ายของร้านค้าออนไลน์ของคุณ

ขั้นตอน:

พฤติกรรมการค้นหา

ร้านค้าออนไลน์ของคุณมีการค้นหาเชิงคาดการณ์ซึ่งจะแสดงคำแนะนำเมื่อลูกค้าเริ่มพิมพ์ลงในช่องค้นหา คำแนะนำการค้นหานั้นสามารถช่วยให้ลูกค้าเรียบเรียงและจำกัดการแสดงผลการค้นหาได้ อีกทั้งยังมอบวิธีการใหม่ๆ ในการสำรวจร้านค้าออนไลน์ของคุณให้อีกด้วย นอกจากนี้ คำแนะนำการค้นหายังสามารถให้ลูกค้าเรียกดูรายการที่ตรงกันได้อย่างรวดเร็ว โดยไม่ต้องออกจากหน้าปัจจุบันของตนเพื่อดูรายการผลลัพธ์การค้นหาแยกต่างหาก

หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำงานของคำแนะนำการค้นหา ให้ไปที่การค้นหาเชิงคาดการณ์

คุณสามารถปรับแต่งวิธีการแสดงคำแนะนำการค้นหาให้กับลูกค้าของคุณได้

ขั้นตอน:

รูปแบบสกุลเงิน

คุณสามารถเลือกให้แสดงรหัสสกุลเงินพร้อมกับราคาสินค้าของคุณได้

ขั้นตอน:

ตะกร้าสินค้า

คุณสามารถเปลี่ยนรูปแบบของตะกร้าสินค้าในร้านค้าออนไลน์ของคุณได้ เมื่อลูกค้าหยิบสินค้าจากร้านค้าของคุณใส่ตะกร้าสินค้าของตน ตะกร้าสินค้าดังกล่าวสามารถแสดงเป็นรูปแบบเลื่อนด้านข้าง แบบหน้าแยกต่างหาก หรือแบบการแจ้งเตือนป๊อปอัพก็ได้ หากต้องการให้ลูกค้าอยู่ในหน้าเดียวกับสินค้าดังกล่าว ให้ใช้ตัวเลือกแบบเลื่อนข้างหรือแบบการแจ้งเตือนป๊อปอัพ หากต้องการนำลูกค้าไปยังหน้าตะกร้าสินค้า ให้ใช้ตัวเลือกแบบหน้าแยกต่างหาก เมื่อตะกร้าสินค้าของลูกค้าว่างอยู่ คุณสามารถแสดงคอลเลกชันเด่นในตะกร้าสินค้าแบบเลื่อนด้านข้างได้

ขั้นตอน:

CSS แบบกำหนดเอง

ส่วน CSS แบบกำหนดเองจะช่วยให้คุณสามารถป้อนรหัส CSS ของคุณเองได้ ตัวอย่างเช่น เพื่อปรับแต่งรูปลักษร์ของปุ่มร้านค้าออนไลน์ของคุณให้เกินกว่า การตั้งค่าเริ่มต้นที่มีให้ใช้งาน หรือเพื่อใช้รูปแบบที่เป็นเอกลักษณ์เฉพาะกับองค์ประกอบข้อความเฉพาะ

การตั้งค่า CSS แบบกำหนดเองในธีมของคุณจะส่งผลต่อหน้าทั้งหมดในร้านค้าออนไลน์ของคุณ ยกเว้นหน้าการชำระเงิน

ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่ม CSS แบบกำหนดเองลงในธีมของคุณ

สไตล์ของธีม

รูปแบบของธีมคือคอลเลกชันของการตั้งค่าที่คัดสรรโดยนักออกแบบธีม คุณสามารถนำมาใช้งานบนร้านค้าของคุณได้ เพื่อให้รูปลักษณ์และการใช้งานดูสวยงาม ธีมทั้งหมดมีการใช้งานรูปแบบธีมอยู่แล้วตามค่าเริ่มต้น ตัวเลือกสไตล์ของธีมอื่นๆ ที่คุณมีจะเป็นไปตามธีมที่คุณใช้

เมื่อคุณปรับแต่งธีมคุณสามารถเปลี่ยนการตั้งค่ารูปแบบธีมด้วยตัวคุณเองได้ หากคุณนำรูปแบบธีมไปใช้งานบนธีมของคุณ การตั้งค่าปัจจุบันของคุณ เช่น สีและตัวพิมพ์จะเปลี่ยนแปลงไป

ขั้นตอน:

เลิกทำและทำการเปลี่ยนแปลงซ้ำ

ปุ่ม "เลิกทำ" จะเลิกทำการเปลี่ยนแปลงล่าสุดของคุณ ส่วนปุ่ม "ทำซ้ำ" จะคืนค่าการเปลี่ยนแปลงที่คุณเลิกทำ หากคุณคลิกปุ่ม "เลิกทำ" มากกว่าหนึ่งครั้ง ระบบจะยกเลิกการทำงานของคุณต่อไปโดยเปลี่ยนแปลงครั้งละหนึ่งรายการ ปุ่ม "เลิกทำ" และ "ทำซ้ำ" จะอยู่ในแถบเครื่องมือตัวแก้ไขธีม

คลิกปุ่ม "เลิกทำ" เพื่อเลิกทำการเปลี่ยนแปลงที่คุณดำเนินการกับธีมของคุณ รวมถึงตัวอย่างต่อไปนี้:

• เพิ่ม, สั่งซื้อซ้ำ, และลบส่วน
• การใช้สี แบบอักษร และการตั้งค่การตั้งค่า
• รีเซ็ตสไตล์ของธีม