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

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

โลโก้

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

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

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

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

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

  1. คลิกที่การตั้งค่าธีม
  2. คลิก “โลโก้
  3. ในพื้นที่ความกว้างของโลโก้เดสก์ท็อป ให้สลับแถบเลื่อนเป็นความกว้างพิกเซลที่คุณต้องการ

Favicon

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

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

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

วิธีปรับแต่ง Favicon ของคุณ

สี

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

วิธีปรับการตั้งค่าสีของคุณ

  1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
  2. คลิกปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
  3. คลิกไอคอนแปรงสี จากนั้นคลิกสี
  4. ในส่วนรูปแบบ ให้คลิกรูปแบบที่มีอยู่หรือคลิกเพิ่มรูปแบบเพื่อเพิ่มรูปแบบสีใหม่
  5. คลิกที่ตัวอย่างสีสำหรับสีของประเภทเนื้อหาที่คุณต้องการเปลี่ยน
  6. หากต้องการตั้งค่าสี ให้ป้อนรหัสสี Hex หรือเลือกสีจากเครื่องมือเลือกสี หากต้องการตั้งค่าสีให้โปร่งใส ให้ลบรหัส Hex ออกจากช่องข้อความ
  7. คลิกที่ “บันทึก

ตัวพิมพ์

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

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

วิธีปรับแต่งการตั้งค่าตัวพิมพ์ของคุณ

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

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

ขั้นตอน:

เลย์เอาต์

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

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

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

ขั้นตอน:

  1. ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
  2. คลิกปรับแต่งที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
  3. คลิก "การตั้งค่าธีม" จากนั้น คลิก "ภาพเคลื่อนไหว"
  4. ตัวเลือกเสริม: หากต้องการเปิดใช้งานภาพเคลื่อนไหวที่แสดงให้เห็นส่วนของร้านค้าออนไลน์ของคุณเมื่อเลื่อนหน้าจอ ให้เลือกแสดงส่วนต่างๆ เมื่อเลื่อนหน้าจอ
  5. ตัวเลือกเสริม: หากต้องการเพิ่มภาพเคลื่อนไหวแบบเลื่อนเมาส์ไปยังบัตรและปุ่มของคุณ ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้จากการตั้งค่าเอฟเฟกต์การวางเมาส์:

    • ยกแนวตั้ง: เมื่อลูกค้าวางเมาส์เหนือบัตรหรือปุ่ม องค์ประกอบจะเลื่อนขึ้นไป
    • ยก 3 มิติ: เมื่อลูกค้าวางเมาส์เหนือบัตรหรือปุ่ม องค์ประกอบจะเปลี่ยนไปข้างหน้า ให้เอฟเฟกต์ 3 มิติ นอกจากนี้ยังมีความเปล่งประกายที่ละเอียดอ่อนที่ขยับข้ามองค์ประกอบ ให้มิติอีกชั้นหนึ่ง
  6. คลิกที่ “บันทึก

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

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

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

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

ตัวเลือกสำหรับเงา ได้แก่

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

ปุ่ม

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

ตัวอย่างร้านค้าออนไลน์ที่มีปุ่มกระตุ้นให้ดำเนินการ

ปรับแต่งปุ่ม

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

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

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

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

อินพุต

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

ตัวอย่างร้านค้าออนไลน์ที่มีอินพุตเชิงปริมาณ

ปรับแต่งอินพุต

การ์ด

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

ปรับแต่งบัตร

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

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

ปรับแต่งส่วนที่บรรจุเนื้อหา

สื่อ

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

ปรับแต่งสื่อ

เมนูดรอปดาวน์และป๊อปอัพ

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

ปรับแต่งเมนูดรอปดาวน์และป๊อปอัป

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

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

ปรับแต่งแถบเมนูแบบซ่อน

เครื่องหมาย

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

ตัวอย่างร้านค้าออนไลน์ที่มีเครื่องหมายลดราคาและเครื่องหมายสินค้าหมด

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

ปรับแต่งเครื่องหมาย

ไอคอน

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

ตัวอย่างร้านค้าออนไลน์ที่มีไอคอนในแถวแบบย่อได้

ปรับแต่งไอคอน

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

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

ปรับแต่งข้อมูลแบรนด์ของคุณ

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

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

ปรับแต่งการตั้งค่าโซเชียลมีเดียของคุณ

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

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

คุณสามารถปรับแต่งการตั้งค่าต่อไปนี้สำหรับการค้นหาได้:

  • เปิดใช้คำแนะนำการค้นหา - เปิดใช้หรือปิดใช้งานคำแนะนำการค้นหา
  • แสดงเวนเดอร์สินค้า - แสดงหรือซ่อนเวนเดอร์สินค้าในคำแนะนำการค้นหา
  • แสดงราคาสินค้า - แสดงหรือซ่อนราคาสินค้าในคำแนะนำการค้นหา

เปลี่ยนการตั้งค่าการป้อนข้อมูลการค้นหา

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

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

คุณสามารถเลือกได้ว่าจะให้สินค้า ตะกร้าสินค้า และราคาในขั้นตอนการชำระเงินแสดงรหัสสกุลเงินเสมอหรือไม่

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

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

ขั้นตอน:

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

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

การชำระเงิน

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

เปลี่ยนรูปแบบของธีม

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

ขั้นตอน:

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

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

ปุ่มเลิกทำและทำซ้ำในแถบตัวแก้ไขธีม

คลิกปุ่ม เลิกทำ เพื่อเลิกทำการเปลี่ยนแปลงต่อไปนี้:

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

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี