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

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

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

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

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

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกโลโก้

  5. ในส่วนโลโก้ ให้เพิ่มรูปภาพของคุณหรือใช้รูปภาพฟรี

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

    1. ในส่วนโลโก้ ให้คลิกแก้ไข
    2. ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายรูปภาพสั้นๆ
    3. คลิกบันทึก
  7. ตัวเลือก: ในส่วนความกว้างของโลโก้สำหรับเดสก์ท็อป ให้ใช้แถบเลื่อนเพื่อปรับความกว้างของโลโก้เป็นพิกเซล

  8. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะโลโก้

  7. ในส่วนโลโก้ ให้เพิ่มรูปภาพของคุณหรือใช้รูปภาพฟรี

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

    1. ในส่วนโลโก้ ให้แตะแก้ไข
    2. ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายรูปภาพสั้นๆ
    3. แตะบันทึกหรือ
  9. ตัวเลือก: ในส่วนความกว้างของโลโก้สำหรับเดสก์ท็อป ให้ใช้แถบเลื่อนเพื่อปรับความกว้างของโลโก้เป็นพิกเซล

  10. แตะบันทึกหรือ

เพิ่ม Favicon

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

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการเพิ่ม Favicon จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. ขึ้นอยู่กับเวอร์ชันธีมของคุณ คลิกโลโก้หรือFavicon

  5. ในส่วนรูปภาพ Favicon คลิกเลือกรูปภาพ จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่ ดังนี้

    • หากต้องการเลือกรูปภาพที่อัปโหลดไปยังส่วนผู้ดูแล Shopify ของคุณไว้แล้ว ให้ค้นหารูปภาพดังกล่าว จากนั้นเลือกโดยใช้ช่องทำเครื่องหมาย
    • หากต้องการเลือกรูปภาพจากคอมพิวเตอร์ ให้คลิกเพิ่มรูปภาพ เปิดรูปภาพจากคอมพิวเตอร์ของคุณ แล้วเลือกโดยใช้ช่องทำเครื่องหมาย
  6. คลิกเสร็จสิ้น

  7. เพิ่มข้อความแสดงแทนให้รูปภาพ Favicon ของคุณ (ตัวเลือกเสริม)

    1. ในส่วนรูปภาพ Favicon คลิกแก้ไข
    2. ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายรูปภาพสั้นๆ
    3. คลิกบันทึก
  8. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการเพิ่ม Favicon จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. ขึ้นอยู่กับเวอร์ชันธีมของคุณ แตะโลโก้หรือFavicon

  7. ในส่วนรูปภาพ Favicon แตะเลือกรูปภาพ จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่ ดังนี้

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

  9. เพิ่มข้อความแสดงแทนให้รูปภาพ Favicon ของคุณ

    1. ในส่วนรูปภาพ Favicon แตะแก้ไข
    2. ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายรูปภาพสั้นๆ
    3. แตะบันทึกหรือ
  10. แตะบันทึกหรือ

สี

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

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

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

ชุดสี

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

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

การจัดการชุดสีของคุณ

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

  • ชื่อสี เช่น red, black หรือ blue
  • รหัสสี RGB
  • ค่าสีเลขฐานสิบหก

ขั้นตอน

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. คลิกแก้ไขธีมที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง

  3. คลิกไอคอน settings จากนั้นคลิกสี

  4. ในส่วนชุดสี คลิกชุดสีที่มีอยู่ หรือคลิกเพิ่มชุดสีเพื่อเพิ่มชุดสีใหม่

  5. คลิกตัวอย่างสีของประเภทเนื้อหาที่คุณต้องการเปลี่ยน

  6. หากต้องการตั้งค่าสีของคุณ ให้ป้อนรหัสสีฐานสิบหกหรือเลือกสีจากเครื่องมือเลือกสี หากต้องการตั้งค่าสีเป็นแบบโปร่งใส ให้ลบรหัสฐานสิบหกออกจากช่องข้อความ

  7. คลิกบันทึก

การใช้ชุดสีของคุณ

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

Color scheme picker

การไล่ระดับสี

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

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

ตั้งค่าการไล่ระดับสี

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. คลิกแก้ไขธีมที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง

  3. คลิกไอคอน settings จากนั้นคลิกสี

  4. ในส่วนชุดสี คลิกชุดสีที่มีอยู่ที่คุณต้องการแก้ไข

  5. คลิกตัวเลือกตัวอย่างสีแบบไล่ระดับ เช่น การไล่ระดับสีพื้นหลัง

  6. หากคุณยังไม่เคยตั้งค่าการไล่ระดับสีมาก่อน ระบบจะแสดงตัวเลือกที่ตั้งค่าไว้ล่วงหน้าเพื่อให้คุณเลือก ให้เลือกการไล่ระดับสีที่ตั้งค่าไว้ล่วงหน้าแบบใดก็ได้เพื่อเปิดแผงตัวเลือก

  7. เลือกตัวเลือกการไล่ระดับสีของคุณ

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

เครื่องมือเลือกการไล่ระดับสีในตัวแก้ไขธีม

ใช้ 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)) ก็ได้ นอกจากนี้ยังสามารถทำซ้ำการไล่ระดับสีได้อีกด้วย

ขั้นตอน

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. คลิกแก้ไขธีมที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง

  3. คลิกไอคอน settings จากนั้นคลิกสี

  4. ในส่วนชุดสี คลิกชุดสีที่มีอยู่ที่คุณต้องการแก้ไข

  5. คลิกที่การไล่ระดับสีที่คุณต้องการแก้ไข

  6. คลิกที่ลูกศรถัดจากการไล่ระดับสี จากนั้นเลือก CSS

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

  8. คลิกบันทึก

ช่องรหัส CSS การไล่ระดับสีในตัวแก้ไขธีม

ลบการไล่ระดับสี

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. คลิกแก้ไขธีมที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง

  3. คลิกไอคอน settings จากนั้นคลิกสี

  4. ในส่วนชุดสี คลิกชุดสีที่มีอยู่ที่คุณต้องการแก้ไข

  5. คลิกที่การไล่ระดับสีที่คุณต้องการลบ

  6. คลิกที่ ลบการไล่ระดับสี

  7. คลิกบันทึก

รูปแบบตัวอักษร

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

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

ปรับแต่งประเภทแบบอักษร

โปรดดูรายการแบบอักษรที่ใช้ได้จากไลบรารีแบบอักษรของ Shopify

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกที่ รูปแบบตัวอักษร

  5. หากต้องการเปลี่ยนประเภทแบบอักษรสำหรับส่วนหัวหรือเนื้อความของร้านค้า ให้คลิกเปลี่ยนในส่วนส่วนหัวหรือเนื้อความ

  6. คลิกชื่อแบบอักษรที่ต้องการใช้ จากนั้นคลิกเลือก

  7. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะที่ รูปแบบตัวอักษร

  7. หากต้องการเปลี่ยนประเภทแบบอักษรสำหรับส่วนหัวหรือเนื้อความของร้านค้า ให้แตะเปลี่ยนในส่วนส่วนหัวหรือเนื้อความ

  8. แตะชื่อแบบอักษรที่ต้องการใช้ จากนั้นแตะเสร็จสิ้น

  9. แตะบันทึกหรือ

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

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกที่ รูปแบบตัวอักษร

  5. หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความส่วนหัว ให้ใช้แถบเลื่อนช่วงสเกลขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น

  6. หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความเนื้อความ ให้ใช้แถบเลื่อนช่วงสเกลขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น

  7. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะที่ รูปแบบตัวอักษร

  7. หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความส่วนหัว ให้ใช้แถบเลื่อนช่วงสเกลขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น

  8. หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความเนื้อความ ให้ใช้แถบเลื่อนช่วงสเกลขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น

  9. แตะบันทึกหรือ

เลย์เอาต์

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกที่ เลย์เอาต์

  5. ใช้แถบเลื่อนช่วงความกว้างของหน้าเพื่อเลือกความกว้างของหน้าระหว่าง 1000 px ถึง 1600 px การตั้งค่าเริ่มต้นคือ 1600 px

  6. ตัวเลือกเสริม: ใช้แถบเลื่อนช่วงเพื่อเพิ่มระยะห่างระหว่างส่วนของเทมเพลตในแนวตั้งบนหน้าของคุณ คุณสามารถเพิ่มระยะห่างระหว่างส่วนต่างๆ ได้สูงสุด 100 px

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

  8. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะที่ เลย์เอาต์

  7. ใช้แถบเลื่อนช่วงความกว้างของหน้าเพื่อเลือกความกว้างของหน้าระหว่าง 1000 px ถึง 1600 px การตั้งค่าเริ่มต้นคือ 1600 px

  8. ตัวเลือกเสริม: ใช้แถบเลื่อนช่วงเพื่อเพิ่มระยะห่างระหว่างส่วนของเทมเพลตในแนวตั้งบนหน้าของคุณ คุณสามารถเพิ่มระยะห่างระหว่างส่วนต่างๆ ได้สูงสุด 100 px

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

  10. แตะบันทึกหรือ

แอนิเมชัน

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกที่ แอนิเมชัน

  5. ตัวเลือกเสริม: หากต้องการเปิดใช้งานแอนิเมชันที่จะแสดงส่วนต่างๆ ในร้านค้าออนไลน์ของคุณเมื่อเลื่อนดู ให้เลือก แสดงส่วนต่างๆ เมื่อเลื่อน

  6. ตัวเลือกเสริม: หากต้องการเพิ่มแอนิเมชันเอฟเฟกต์เมื่อวางเมาส์เหนือการ์ดและปุ่มต่างๆ ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้จากการตั้งค่าเอฟเฟกต์เมื่อวางเมาส์เหนือ

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

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะที่ แอนิเมชัน

  7. ตัวเลือกเสริม: หากต้องการเปิดใช้งานแอนิเมชันที่จะแสดงส่วนต่างๆ ในร้านค้าออนไลน์ของคุณเมื่อเลื่อนดู ให้เลือก แสดงส่วนต่างๆ เมื่อเลื่อน

  8. ตัวเลือกเสริม: หากต้องการเพิ่มแอนิเมชันเอฟเฟกต์เมื่อวางเมาส์เหนือการ์ดและปุ่มต่างๆ ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้จากการตั้งค่าเอฟเฟกต์เมื่อวางเมาส์เหนือ

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

การตั้งค่าการปรับแต่งองค์ประกอบภาพ

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

คุณสามารถปรับการตั้งค่าสำหรับองค์ประกอบของธีมของคุณได้ดังต่อไปนี้

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. คลิกแก้ไขธีมถัดจากธีมที่คุณต้องการแก้ไข

  3. คลิกไอคอน settings

  4. คลิกองค์ประกอบเพื่อเปิดการตั้งค่า

  5. ปรับการตั้งค่าใดก็ได้ที่มีอยู่ คุณสามารถตรวจดูการเปลี่ยนแปลงได้โดยไปที่ส่วนต่างๆ ของธีมในหน้าต่างแสดงตัวอย่าง

  6. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะแก้ไขธีมถัดจากธีมที่คุณต้องการแก้ไข

  4. แตะไอคอน settings

  5. แตะองค์ประกอบเพื่อเปิดการตั้งค่า

  6. ปรับการตั้งค่าใดก็ได้ที่มีอยู่ คุณสามารถตรวจดูการเปลี่ยนแปลงได้โดยไปที่ส่วนต่างๆ ของธีมในหน้าต่างแสดงตัวอย่าง

  7. แตะบันทึกหรือ

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกโซเชียลมีเดีย

  5. หากต้องการเพิ่มลิงก์ไปยังบัญชีโซเชียลมีเดียของคุณ ให้ป้อนที่อยู่เว็บไซต์สำหรับบัญชีของคุณในช่องบัญชีโซเชียลที่เกี่ยวข้อง คุณจำเป็นต้องป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://tiktok.com/@shopify

  6. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะโซเชียลมีเดีย

  7. หากต้องการเพิ่มลิงก์ไปยังบัญชีโซเชียลมีเดียของคุณ ให้ป้อนที่อยู่เว็บไซต์สำหรับบัญชีของคุณในช่องบัญชีโซเชียลที่เกี่ยวข้อง คุณจำเป็นต้องป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://tiktok.com/@shopify

  8. แตะบันทึกหรือ

ลักษณะการค้นหา

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

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกลักษณะการค้นหา

  5. หากต้องการเปิดใช้งานหรือปิดใช้งานรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกเปิดใช้รายการแนะนำเกี่ยวกับการค้นหา

  6. ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนผู้ขายสินค้าในรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงผู้ขายสินค้า

  7. ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนราคาสินค้าในรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงราคาสินค้า

  8. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะลักษณะการค้นหา

  7. หากต้องการเปิดใช้งานหรือปิดใช้งานรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกเปิดใช้รายการแนะนำเกี่ยวกับการค้นหา

  8. ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนผู้ขายสินค้าในรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงผู้ขายสินค้า

  9. ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนราคาสินค้าในรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงราคาสินค้า

  10. แตะบันทึกหรือ

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

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

  5. หากต้องการแสดงรหัสสกุลเงิน ให้เลือกแสดงรหัสสกุลเงิน

  6. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะรูปแบบสกุลเงิน

  7. หากต้องการแสดงรหัสสกุลเงิน ให้เลือกแสดงรหัสสกุลเงิน

  8. แตะบันทึกหรือ

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกตะกร้าสินค้า

  5. ใช้เมนูดรอปดาวน์ประเภทตะกร้าสินค้าเพื่อเลือกสไตล์ตะกร้าสินค้าแบบลิ้นชัก หน้า หรือการแจ้งเตือนป๊อปอัป

  6. ตัวเลือกเสริม: หากต้องการแสดงผู้ขายของรายการในตะกร้าสินค้าของลูกค้า ให้เลือกแสดงผู้ขาย

  7. ตัวเลือกเสริม: หากต้องการให้ลูกค้ามีกล่องข้อความที่สามารถป้อนคำขอพิเศษหรือเพิ่มข้อมูลคำสั่งซื้อเพิ่มเติมได้ ให้เลือกเปิดใช้หมายเหตุสำหรับตะกร้าสินค้า

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

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

    1. ในส่วนตะกร้าสินค้าแบบเลื่อนด้านข้าง > ชุดสี ให้คลิกเปลี่ยน
    2. เลือกชุดสีที่ต้องการใช้สำหรับตะกร้าสินค้าแบบเลื่อนด้านข้าง
  10. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะที่ตะกร้าสินค้า

  7. เลือกประเภทตะกร้าสินค้าของคุณจากตัวเลือกแบบเลื่อนด้านข้าง หน้า หรือการแจ้งเตือนป๊อปอัป

  8. ตัวเลือกเสริม: หากต้องการแสดงผู้ขายของรายการในตะกร้าสินค้าของลูกค้า ให้เลือกแสดงผู้ขาย

  9. ตัวเลือกเสริม: หากต้องการให้ลูกค้ามีกล่องข้อความที่สามารถป้อนคำขอพิเศษหรือเพิ่มข้อมูลคำสั่งซื้อเพิ่มเติมได้ ให้เลือกเปิดใช้หมายเหตุสำหรับตะกร้าสินค้า

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

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

    1. ในส่วนตะกร้าสินค้าแบบเลื่อนด้านข้าง > ชุดสี ให้แตะที่เปลี่ยน
    2. เลือกชุดสีที่ต้องการใช้สำหรับตะกร้าสินค้าแบบเลื่อนด้านข้าง แล้วแตะที่เสร็จสิ้น
  12. แตะบันทึกหรือ

CSS ที่กำหนดเอง

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

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

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

สไตล์ของธีม

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกไอคอน settings การตั้งค่าธีม

  4. คลิกที่ สไตล์ธีม

  5. เลือกสไตล์ของธีมที่ต้องการใช้ แล้วคลิกเปลี่ยนสไตล์

  6. คลิกบันทึก

มือถือ
  1. จากแอป Shopify แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะ หรือ จากนั้นแตะการตั้งค่าธีม

  6. แตะที่สไตล์ของธีม

  7. เลือกสไตล์ของธีมที่ต้องการใช้ แล้วแตะที่เสร็จสิ้น

  8. แตะบันทึกหรือ