การปรับแต่งการตั้งค่าธีม
คุณสามารถปรับแต่งการตั้งค่าโดยรวมสำหรับร้านค้าออนไลน์ของคุณ เช่น การออกแบบตัวอักษร สี ลิงก์โซเชียลมีเดีย และหน้าตะกร้าสินค้า ได้จากส่วนการตั้งค่าธีมของเมนูแถบด้านข้างในตัวแก้ไขธีม การเปลี่ยนแปลงที่คุณทำในส่วนการตั้งค่าธีมจะมีผลกับร้านค้าออนไลน์ทั้งร้านของคุณ
ส่วนและบล็อกก็มีการตั้งค่าเป็นของตัวเอง ซึ่งคุณสามารถปรับเปลี่ยนเพื่อปรับแต่งแต่ละส่วนในธีมของคุณได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับส่วนและบล็อก
ในหน้านี้
โลโก้
คุณสามารถเพิ่มโลโก้สำหรับธุรกิจของคุณไปยังร้านค้าออนไลน์ของคุณได้ โดยโลโก้ของคุณจะแสดงในตำแหน่งต่อไปนี้
- ส่วนหัวของคุณในทุกหน้า
- หน้าป้อนรหัสผ่านของคุณ
ปรับแต่งโลโก้ของคุณ
รูปภาพโลโก้มีความกว้างสูงสุด 300 พิกเซล
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกโลโก้
ในส่วนโลโก้ ให้เพิ่มรูปภาพของคุณหรือใช้รูปภาพฟรี
- หากต้องการเพิ่มรูปภาพของคุณ ให้คลิก เลือกรูปภาพแล้วเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่
- หากต้องการใช้รูปภาพที่คุณได้อัปโหลดไปยังส่วนผู้ดูแล Shopify ของคุณแล้ว ให้เลือกรูปภาพ จากนั้นคลิกเสร็จสิ้น
- หากต้องการใช้รูปภาพจากคอมพิวเตอร์ของคุณ ให้คลิกเพิ่มรูปภาพ เลือกและเพิ่มรูปภาพ จากนั้นคลิกเสร็จสิ้น
- หากต้องการใช้รูปภาพฟรี ให้คลิกสำรวจรูปภาพฟรี ค้นหารูปภาพ คลิกที่รูปภาพเพื่อเลือก จากนั้นคลิกเลือก
- หากต้องการเพิ่มรูปภาพของคุณ ให้คลิก เลือกรูปภาพแล้วเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่
ตัวเลือก: เพิ่มข้อความแสดงแทนไปยังรูปภาพโลโก้ของคุณ
- ในส่วนโลโก้ ให้คลิกแก้ไข
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายรูปภาพสั้นๆ
- คลิกบันทึก
ตัวเลือก: ในส่วนความกว้างของโลโก้สำหรับเดสก์ท็อป ให้ใช้แถบเลื่อนเพื่อปรับความกว้างของโลโก้เป็นพิกเซล
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะโลโก้
ในส่วนโลโก้ ให้เพิ่มรูปภาพของคุณหรือใช้รูปภาพฟรี
- หากต้องการเพิ่มรูปภาพของคุณ ให้แตะ เลือกรูปภาพแล้วเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่
- หากต้องการใช้รูปภาพที่คุณได้อัปโหลดไปยังส่วนผู้ดูแล Shopify ของคุณแล้ว ให้เลือกรูปภาพ จากนั้นแตะเสร็จสิ้น
- หากต้องการใช้รูปภาพจากอุปกรณ์ของคุณ ให้แตะเพิ่มรูปภาพ เลือกและเพิ่มรูปภาพจากอุปกรณ์ของคุณ แตะที่รูปภาพเพื่อเลือก จากนั้นแตะเสร็จสิ้น
- หากต้องการใช้รูปภาพฟรี ให้แตะสำรวจรูปภาพฟรี ค้นหารูปภาพ แตะที่รูปภาพเพื่อเลือก จากนั้นแตะเสร็จสิ้น
- หากต้องการเพิ่มรูปภาพของคุณ ให้แตะ เลือกรูปภาพแล้วเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่
ตัวเลือก: เพิ่มข้อความแสดงแทนไปยังรูปภาพโลโก้ของคุณ
- ในส่วนโลโก้ ให้แตะแก้ไข
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายรูปภาพสั้นๆ
- แตะบันทึกหรือ ✓
ตัวเลือก: ในส่วนความกว้างของโลโก้สำหรับเดสก์ท็อป ให้ใช้แถบเลื่อนเพื่อปรับความกว้างของโลโก้เป็นพิกเซล
แตะบันทึกหรือ ✓
เพิ่ม Favicon
คุณสามารถเพิ่มไอคอนรายการโปรด หรือ Favicon เพื่อช่วยในการสร้างแบรนด์ให้ร้านค้าออนไลน์ของคุณได้ โดย Favicon จะแสดงในตำแหน่งต่อไปนี้
- แท็บเว็บเบราว์เซอร์ของคุณ
- ประวัติการเข้าชมเว็บเบราว์เซอร์ของคุณ
- ไอคอนบนเดสก์ท็อปของคุณ
- ถัดจากชื่อร้านค้าออนไลน์ของคุณเมื่อมีการบุ๊กมาร์กเว็บไซต์
ดูข้อมูลเพิ่มเติมเกี่ยวกับ Favicon
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการเพิ่ม Favicon จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
ขึ้นอยู่กับเวอร์ชันธีมของคุณ คลิกโลโก้หรือFavicon
ในส่วนรูปภาพ Favicon คลิกเลือกรูปภาพ จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่ ดังนี้
- หากต้องการเลือกรูปภาพที่อัปโหลดไปยังส่วนผู้ดูแล Shopify ของคุณไว้แล้ว ให้ค้นหารูปภาพดังกล่าว จากนั้นเลือกโดยใช้ช่องทำเครื่องหมาย
- หากต้องการเลือกรูปภาพจากคอมพิวเตอร์ ให้คลิกเพิ่มรูปภาพ เปิดรูปภาพจากคอมพิวเตอร์ของคุณ แล้วเลือกโดยใช้ช่องทำเครื่องหมาย
คลิกเสร็จสิ้น
เพิ่มข้อความแสดงแทนให้รูปภาพ Favicon ของคุณ (ตัวเลือกเสริม)
- ในส่วนรูปภาพ Favicon คลิกแก้ไข
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายรูปภาพสั้นๆ
- คลิกบันทึก
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการเพิ่ม Favicon จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
ขึ้นอยู่กับเวอร์ชันธีมของคุณ แตะโลโก้หรือFavicon
ในส่วนรูปภาพ Favicon แตะเลือกรูปภาพ จากนั้นเพิ่มรูปภาพใหม่หรือรูปภาพที่มีอยู่ ดังนี้
- หากต้องการเลือกรูปภาพที่อัปโหลดไปยังส่วนผู้ดูแล Shopify ของคุณไว้แล้ว ให้ค้นหารูปภาพดังกล่าว จากนั้นเลือกโดยใช้ช่องทำเครื่องหมาย
- หากต้องการเลือกรูปภาพจากอุปกรณ์ ให้แตะเพิ่มรูปภาพ เปิดรูปภาพจากอุปกรณ์ของคุณ แล้วเลือกโดยใช้ช่องทำเครื่องหมาย
แตะเสร็จสิ้น
เพิ่มข้อความแสดงแทนให้รูปภาพ Favicon ของคุณ
- ในส่วนรูปภาพ Favicon แตะแก้ไข
- ในช่องข้อความแสดงแทน ให้ป้อนคำอธิบายรูปภาพสั้นๆ
- แตะบันทึกหรือ ✓
แตะบันทึกหรือ ✓
สี
คุณสามารถกำหนดชุดสีต่างๆ ได้ในการตั้งค่าธีม และใช้ชุดสีกับส่วนต่างๆ ทั่วทั้งร้านค้าออนไลน์ของคุณโดยใช้เครื่องมือเลือกชุดสี ชุดสีคือชุดของสีที่กำหนดไว้ ธีมของคุณมีชุดสีเริ่มต้นที่คุณสามารถเปลี่ยนแปลงได้ทุกเมื่อในตัวแก้ไขธีม นอกจากนี้คุณยังสามารถเพิ่มสีของแบรนด์เพื่อให้แน่ใจว่ามีการใช้ชุดสีที่สอดคล้องกันทั่วทั้งร้านค้าออนไลน์ของคุณ
เทมเพลตไม่มีการตั้งค่าสีเฉพาะตัวเพื่อให้การออกแบบร้านค้าออนไลน์ของคุณสอดคล้องกันทั่วทั้งเว็บไซต์ เทมเพลตจะถือเป็นหน้าหลักหรือเนื้อหาหลักของร้านค้า การมีชุดสีที่แตกต่างกันทั่วทั้งร้านค้าของคุณอาจนำไปสู่ประสบการณ์ผู้ใช้ที่ไม่ดี และอาจเป็นสาเหตุให้ลูกค้าออกจากร้านค้าไปโดยไม่ซื้อสินค้า
คุณสามารถสร้างและปรับแต่งชุดสีที่ไม่ซ้ำกันได้สูงสุด 21 แบบ และนำไปใช้กับส่วนต่างๆ ทั่วทั้งร้านค้าออนไลน์ของคุณ
ชุดสี
ชุดสีคือการตั้งค่าธีมที่จัดกลุ่มองค์ประกอบและสีที่เกี่ยวข้องในรูปแบบที่แสดงเป็นภาพ คุณสามารถกำหนดสีต่างๆ ให้แก่องค์ประกอบที่หลากหลายในชุดสีที่สอดคล้องกัน ซึ่งสามารถนำไปใช้ได้ทั่วทั้งธีมของคุณในส่วนที่มีเครื่องมือเลือกชุดสี คุณสามารถมีชุดสีได้สูงสุด 21 แบบ และยังสามารถดูตัวอย่างการแสดงสีของคุณในตัวอย่างของชุดสีได้อีกด้วย
| การตั้งค่า | คำอธิบาย |
|---|---|
| พื้นหลัง | สีที่ใช้กับพื้นหลังของบางส่วนและพื้นหลังของปุ่มแสดงเส้นขอบ |
| การไล่ระดับสีพื้นหลัง | การไล่ระดับสีจะถูกนำไปใช้กับพื้นหลังของบางส่วน การไล่ระดับสีพื้นหลังจะแทนที่พื้นหลังในตำแหน่งที่สามารถทำได้ |
| ข้อความ | สีที่ใช้กับข้อความในส่วนหรือบล็อก |
| พื้นหลังปุ่มทึบ | สีที่ใช้กับพื้นหลังของปุ่มหลัก |
| ป้ายกำกับปุ่มทึบ | สีที่ใช้กับข้อความของปุ่มหลัก |
| ปุ่มแสดงเส้นขอบ | สีที่ใช้กับข้อความและเส้นขอบของปุ่มรอง |
| เงา | สีที่ใช้กับเงา |
การจัดการชุดสีของคุณ
ชุดสีและตัวเลือกสีของร้านค้าคุณจะตั้งค่าอยู่ในการตั้งค่าธีม สำหรับสีทึบ ให้ใช้เครื่องมือเลือกสีเพื่อเลือกสีใหม่ หรือป้อนค่าของสีในช่องข้อความ ช่องสีรองรับชื่อและค่าสีดังต่อไปนี้
- ชื่อสี เช่น
red,blackหรือblue - รหัสสี RGB
- ค่าสีเลขฐานสิบหก
ขั้นตอน
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกแก้ไขธีมที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
คลิกไอคอน
จากนั้นคลิกสี
ในส่วนชุดสี คลิกชุดสีที่มีอยู่ หรือคลิกเพิ่มชุดสีเพื่อเพิ่มชุดสีใหม่
คลิกตัวอย่างสีของประเภทเนื้อหาที่คุณต้องการเปลี่ยน
หากต้องการตั้งค่าสีของคุณ ให้ป้อนรหัสสีฐานสิบหกหรือเลือกสีจากเครื่องมือเลือกสี หากต้องการตั้งค่าสีเป็นแบบโปร่งใส ให้ลบรหัสฐานสิบหกออกจากช่องข้อความ
คลิกบันทึก
การใช้ชุดสีของคุณ
หลังจากที่คุณกำหนดชุดสีในการตั้งค่าธีมแล้ว คุณจะสามารถกำหนดชุดสีได้โดยใช้เครื่องมือเลือกชุดสีในส่วนและบล็อกของธีมของคุณ เครื่องมือเลือกชุดสีมีให้ใช้งานเฉพาะในบางส่วน บางบล็อก และการตั้งค่าธีมทั่วไปเท่านั้น

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

ใช้ 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)) ก็ได้ นอกจากนี้ยังสามารถทำซ้ำการไล่ระดับสีได้อีกด้วย
ขั้นตอน
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกแก้ไขธีมที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
คลิกไอคอน
จากนั้นคลิกสี
ในส่วนชุดสี คลิกชุดสีที่มีอยู่ที่คุณต้องการแก้ไข
คลิกที่การไล่ระดับสีที่คุณต้องการแก้ไข
คลิกที่ลูกศรถัดจากการไล่ระดับสี จากนั้นเลือก CSS
ในช่องรหัส CSS ให้พิมพ์หรือวางรหัสการไล่ระดับสีของคุณ การแสดงตัวอย่างในตัวแก้ไขธีมจะแสดงการไล่ระดับสีของคุณในตำแหน่งที่ตั้งที่เหมาะสม
คลิกบันทึก

ลบการไล่ระดับสี
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกแก้ไขธีมที่อยู่ถัดจากธีมที่คุณต้องการปรับแต่ง
คลิกไอคอน
จากนั้นคลิกสี
ในส่วนชุดสี คลิกชุดสีที่มีอยู่ที่คุณต้องการแก้ไข
คลิกที่การไล่ระดับสีที่คุณต้องการลบ
คลิกที่ ลบการไล่ระดับสี
คลิกบันทึก
รูปแบบตัวอักษร
คุณสามารถกำหนดสไตล์และขนาดแบบอักษรสำหรับข้อความในร้านค้าออนไลน์ของคุณได้ คุณสามารถเลือกแบบอักษรของระบบหรือเพิ่มแบบอักษรที่กำหนดเองได้ แบบอักษรที่ใช้ได้ในธีมของคุณจะขึ้นอยู่กับผู้พัฒนาธีมของคุณ ธีม Shopify ฟรีทั้งหมดจะใช้แบบอักษรจากไลบรารีแบบอักษรของ Shopify
ลองใช้แบบอักษรของระบบในร้านค้าของคุณ เนื่องจากแบบอักษรของระบบได้รับการติดตั้งบนคอมพิวเตอร์ของผู้ใช้อยู่แล้ว การใช้แบบอักษรของระบบจะช่วยหลีกเลี่ยงการดาวน์โหลดแบบอักษรใหม่ไปยังคอมพิวเตอร์ของลูกค้า ซึ่งอาจส่งผลเสียต่อความเร็วในการโหลดร้านค้าของคุณ แบบอักษรที่แสดงบนคอมพิวเตอร์ของลูกค้าจะขึ้นอยู่กับระบบปฏิบัติการที่ลูกค้าใช้
ปรับแต่งประเภทแบบอักษร
โปรดดูรายการแบบอักษรที่ใช้ได้จากไลบรารีแบบอักษรของ Shopify
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกที่ รูปแบบตัวอักษร
หากต้องการเปลี่ยนประเภทแบบอักษรสำหรับส่วนหัวหรือเนื้อความของร้านค้า ให้คลิกเปลี่ยนในส่วนส่วนหัวหรือเนื้อความ
คลิกชื่อแบบอักษรที่ต้องการใช้ จากนั้นคลิกเลือก
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะที่ รูปแบบตัวอักษร
หากต้องการเปลี่ยนประเภทแบบอักษรสำหรับส่วนหัวหรือเนื้อความของร้านค้า ให้แตะเปลี่ยนในส่วนส่วนหัวหรือเนื้อความ
แตะชื่อแบบอักษรที่ต้องการใช้ จากนั้นแตะเสร็จสิ้น
แตะบันทึกหรือ ✓
ปรับแต่งขนาดแบบอักษร
คุณสามารถตั้งค่าขนาดแบบอักษรเริ่มต้นสำหรับส่วนหัวและเนื้อความได้ด้วยการตั้งค่าธีมรูปแบบตัวอักษร
ขนาดแบบอักษรขั้นต่ำคือ 100% และขนาดสูงสุดคือ 150% การเพิ่มสเกลแต่ละครั้งจะเพิ่มขนาดแบบอักษรขึ้น 5% การตั้งค่าเริ่มต้นคือ 100%
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกที่ รูปแบบตัวอักษร
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความส่วนหัว ให้ใช้แถบเลื่อนช่วงสเกลขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความเนื้อความ ให้ใช้แถบเลื่อนช่วงสเกลขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะที่ รูปแบบตัวอักษร
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความส่วนหัว ให้ใช้แถบเลื่อนช่วงสเกลขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
หากต้องการเปลี่ยนขนาดแบบอักษรเริ่มต้นสำหรับข้อความเนื้อความ ให้ใช้แถบเลื่อนช่วงสเกลขนาดแบบอักษรเพื่อเลือกขนาดแบบอักษรเริ่มต้น
แตะบันทึกหรือ ✓
เลย์เอาต์
คุณสามารถตั้งค่าความกว้างสูงสุดที่จะแสดงร้านค้าออนไลน์ของคุณได้ และตั้งค่าพื้นที่แนวตั้งและแนวนอนระหว่างส่วนต่างๆ
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกที่ เลย์เอาต์
ใช้แถบเลื่อนช่วงความกว้างของหน้าเพื่อเลือกความกว้างของหน้าระหว่าง 1000 px ถึง 1600 px การตั้งค่าเริ่มต้นคือ 1600 px
ตัวเลือกเสริม: ใช้แถบเลื่อนช่วงเพื่อเพิ่มระยะห่างระหว่างส่วนของเทมเพลตในแนวตั้งบนหน้าของคุณ คุณสามารถเพิ่มระยะห่างระหว่างส่วนต่างๆ ได้สูงสุด 100 px
ตัวเลือกเสริม: หากคุณมีเลย์เอาต์แบบกริด ให้ใช้แถบเลื่อนช่วงพื้นที่แนวนอนและพื้นที่แนวตั้งเพื่อเพิ่มพื้นที่ระหว่างเนื้อหาในกริดบนหน้าของคุณ การเพิ่มพื้นที่แนวนอนจะเพิ่มพื้นที่ให้แถวของเนื้อหาบนหน้าของคุณได้สูงสุด 40 px ในขณะที่การเพิ่มพื้นที่แนวตั้งจะเพิ่มพื้นที่ให้คอลัมน์ของเนื้อหาบนหน้าของคุณได้สูงสุด 40 px
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะที่ เลย์เอาต์
ใช้แถบเลื่อนช่วงความกว้างของหน้าเพื่อเลือกความกว้างของหน้าระหว่าง 1000 px ถึง 1600 px การตั้งค่าเริ่มต้นคือ 1600 px
ตัวเลือกเสริม: ใช้แถบเลื่อนช่วงเพื่อเพิ่มระยะห่างระหว่างส่วนของเทมเพลตในแนวตั้งบนหน้าของคุณ คุณสามารถเพิ่มระยะห่างระหว่างส่วนต่างๆ ได้สูงสุด 100 px
ตัวเลือกเสริม: หากคุณมีเลย์เอาต์แบบกริด ให้ใช้แถบเลื่อนช่วงพื้นที่แนวนอนและพื้นที่แนวตั้งเพื่อเพิ่มพื้นที่ระหว่างเนื้อหาในกริดบนหน้าของคุณ การเพิ่มพื้นที่แนวนอนจะเพิ่มพื้นที่ให้แถวของเนื้อหาบนหน้าของคุณได้สูงสุด 40 px ในขณะที่การเพิ่มพื้นที่แนวตั้งจะเพิ่มพื้นที่ให้คอลัมน์ของเนื้อหาบนหน้าของคุณได้สูงสุด 40 px
แตะบันทึกหรือ ✓
แอนิเมชัน
แอนิเมชันช่วยให้คุณสามารถเพิ่มการเคลื่อนไหวและความน่าสนใจด้านภาพให้กับร้านค้าออนไลน์ของคุณได้ คุณสามารถเปิดใช้งานแอนิเมชันแบบเลือนเข้าซึ่งจะเผยให้เห็นส่วนต่างๆ ของร้านค้าคุณเมื่อเลื่อนดู รวมถึงเอฟเฟกต์เมื่อวางเมาส์เหนือการ์ดและปุ่มต่างๆ
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกที่ แอนิเมชัน
ตัวเลือกเสริม: หากต้องการเปิดใช้งานแอนิเมชันที่จะแสดงส่วนต่างๆ ในร้านค้าออนไลน์ของคุณเมื่อเลื่อนดู ให้เลือก แสดงส่วนต่างๆ เมื่อเลื่อน
ตัวเลือกเสริม: หากต้องการเพิ่มแอนิเมชันเอฟเฟกต์เมื่อวางเมาส์เหนือการ์ดและปุ่มต่างๆ ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้จากการตั้งค่าเอฟเฟกต์เมื่อวางเมาส์เหนือ
- ยกขึ้นในแนวตั้ง: เมื่อลูกค้าวางเมาส์เหนือการ์ดหรือปุ่ม องค์ประกอบดังกล่าวจะเลื่อนขึ้นด้านบน
- ยกขึ้นแบบ 3 มิติ: เมื่อลูกค้าวางเมาส์เหนือการ์ดหรือปุ่ม องค์ประกอบจะเลื่อนไปข้างหน้า ทำให้เกิดเอฟเฟกต์ 3 มิติ นอกจากนี้ยังมีประกายเล็กน้อยที่เคลื่อนผ่านองค์ประกอบ ซึ่งช่วยเพิ่มมิติอีกชั้นหนึ่ง
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะที่ แอนิเมชัน
ตัวเลือกเสริม: หากต้องการเปิดใช้งานแอนิเมชันที่จะแสดงส่วนต่างๆ ในร้านค้าออนไลน์ของคุณเมื่อเลื่อนดู ให้เลือก แสดงส่วนต่างๆ เมื่อเลื่อน
ตัวเลือกเสริม: หากต้องการเพิ่มแอนิเมชันเอฟเฟกต์เมื่อวางเมาส์เหนือการ์ดและปุ่มต่างๆ ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้จากการตั้งค่าเอฟเฟกต์เมื่อวางเมาส์เหนือ
- ยกขึ้นในแนวตั้ง: เมื่อลูกค้าวางเมาส์เหนือการ์ดหรือปุ่ม องค์ประกอบดังกล่าวจะเลื่อนขึ้นด้านบน
- ยกขึ้นแบบ 3 มิติ: เมื่อลูกค้าวางเมาส์เหนือการ์ดหรือปุ่ม องค์ประกอบจะเลื่อนไปข้างหน้า ทำให้เกิดเอฟเฟกต์ 3 มิติ นอกจากนี้ยังมีประกายเล็กน้อยที่เคลื่อนผ่านองค์ประกอบ ซึ่งช่วยเพิ่มมิติอีกชั้นหนึ่ง
แตะบันทึกหรือ ✓
การตั้งค่าการปรับแต่งองค์ประกอบภาพ
คุณสามารถปรับรูปลักษณ์ขององค์ประกอบต่างๆ ในธีมของคุณ เช่น ปุ่ม การ์ดสินค้า และตัวเลือกสินค้าได้จากหน้าการตั้งค่าธีม แต่ละตัวเลือกจะมีค่าการตั้งค่าที่เกี่ยวข้องสำหรับองค์ประกอบนั้นๆ
คุณสามารถปรับการตั้งค่าสำหรับองค์ประกอบของธีมของคุณได้ดังต่อไปนี้
- ปุ่ม: ปุ่มต่างๆ จะรวมถึงปุ่มกระตุ้นให้ดำเนินการในส่วนต่างๆ เช่น สไลด์โชว์หรือรูปภาพพร้อมข้อความ รวมถึงปุ่มในแบบฟอร์มสำหรับติดต่อ บนหน้าสินค้า และหน้าตะกร้าสินค้าของคุณ
- ปุ่มตัวเลือกสินค้า: ปุ่มตัวเลือกสินค้าช่วยให้คุณสามารถแสดงตัวเลือกสินค้าต่างๆ ของสินค้าในหน้าสินค้าหรือส่วนสินค้าเด่นได้ ลูกค้าสามารถเลือกตัวเลือกสินค้าที่ต้องการเพื่อเพิ่มสินค้าลงในตะกร้าได้โดยไม่จำเป็นต้องเปลี่ยนหน้าสินค้า คุณสามารถปรับแต่งวิธีที่ปุ่มตัวเลือกสินค้าของคุณจะแสดงผลบนร้านค้าออนไลน์ของคุณได้
- ส่วนสำหรับกรอกข้อมูล: ส่วนสำหรับกรอกข้อมูลคือพื้นที่แบบอินเทอร์แอกทีฟที่ต้องให้ลูกค้ากรอกข้อมูล เช่น ตัวเลือกจำนวน แบบฟอร์มการลงทะเบียนอีเมล หรือหมายเหตุสำหรับตะกร้าสินค้า คุณสามารถปรับลักษณะที่ปรากฏของส่วนสำหรับกรอกข้อมูลในร้านค้าออนไลน์ของคุณได้
- การตั้งค่าสำหรับการ์ดสินค้า การ์ดคอลเลกชัน และการ์ดบล็อกช่วยให้คุณปรับแต่งสไตล์ของการ์ดแต่ละประเภทได้เมื่อการ์ดเหล่านั้นแสดงในส่วนต่างๆ ของหน้า
- การ์ดสินค้า: การ์ดสินค้าจะแสดงข้อมูลเกี่ยวกับสินค้าของคุณในพื้นที่ของธีมที่แสดงรายการสินค้าหลายรายการ เช่น เทมเพลตคอลเลกชัน ส่วนคอลเลกชัน และผลการค้นหา
- การ์ดคอลเลกชัน: การ์ดคอลเลกชันจะแสดงข้อมูลเกี่ยวกับคอลเลกชันของคุณในพื้นที่ของธีมที่แสดงรายการคอลเลกชัน เช่น เทมเพลตหรือส่วนรายการคอลเลกชัน
- การ์ดบล็อก: การ์ดบล็อกจะแสดงข้อมูลเกี่ยวกับบล็อกโพสต์ของคุณในพื้นที่ของธีมที่แสดงรายการสินค้าหลายรายการ เช่น เทมเพลตบล็อก ส่วนบล็อก และผลการค้นหา
- คอนเทนเนอร์เนื้อหา: คอนเทนเนอร์จะใช้สำหรับองค์ประกอบข้อความของส่วนเนื้อหา เช่น กล่องข้อความบนสไลด์โชว์ บนแบนเนอร์รูปภาพ หรือในคอลัมน์ของส่วนแบบหลายคอลัมน์ คุณสามารถปรับแต่งลักษณะที่ปรากฏของคอนเทนเนอร์เนื้อหาสำหรับร้านค้าออนไลน์ของคุณได้
- สื่อ: สื่อคือส่วนประกอบภาพของส่วนต่างๆ เช่น สื่อสินค้าหรือรูปภาพในส่วนรูปภาพพร้อมข้อความ คุณสามารถเพิ่มเส้นขอบและเงาให้กับสื่อของคุณได้
- ดรอปดาวน์และป๊อปอัป: คุณสามารถปรับลักษณะที่ปรากฏของเมนูดรอปดาวน์ โมดอลป๊อปอัป และป๊อปอัปตะกร้าสินค้าบนร้านค้าออนไลน์ของคุณได้
- ลิ้นชัก: ลิ้นชักคือคอนเทนเนอร์แบบอินเทอร์แอกทีฟที่ซ่อนอยู่ซึ่งจะแสดงขึ้นมาเมื่อแตะหรือคลิก เช่น เมนูที่ยุบได้หรือตัวเลือกตัวกรองคอลเลกชัน คุณสามารถปรับแต่งเส้นขอบและเงาของลิ้นชักบนร้านค้าออนไลน์ของคุณได้
- เครื่องหมาย: เครื่องหมาย ลดราคา และ ขายหมดแล้ว จะถูกเพิ่มไปยังรูปภาพสินค้าของคุณโดยอัตโนมัติเมื่อคุณลดราคาหรือเมื่อการตรวจนับสินค้าคงคลังถึง 0 คุณสามารถปรับตำแหน่ง รูปร่าง และสีของเครื่องหมาย ลดราคา และ ขายหมดแล้ว แต่ละรายการได้ในการตั้งค่าธีมของคุณ เครื่องหมาย หน้า และ บล็อก จะแสดงในผลการค้นหาที่เกี่ยวข้อง คุณสามารถปรับแต่งตำแหน่งและรูปร่างของเครื่องหมายเหล่านี้ได้ แต่คุณไม่สามารถเปลี่ยนสีของเครื่องหมาย หน้า และ บล็อก ได้
- ข้อมูลแบรนด์: คุณสามารถใส่ข้อมูลเกี่ยวกับแบรนด์ของคุณในร้านค้าออนไลน์ได้ เมื่อคุณดำเนินการตามขั้นตอนต่อไปนี้เสร็จสิ้นแล้ว คุณจะสามารถเพิ่มบล็อกข้อมูลแบรนด์ในส่วนท้ายของร้านค้าออนไลน์ได้
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
คลิกแก้ไขธีมถัดจากธีมที่คุณต้องการแก้ไข
คลิกไอคอน
คลิกองค์ประกอบเพื่อเปิดการตั้งค่า
ปรับการตั้งค่าใดก็ได้ที่มีอยู่ คุณสามารถตรวจดูการเปลี่ยนแปลงได้โดยไปที่ส่วนต่างๆ ของธีมในหน้าต่างแสดงตัวอย่าง
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะแก้ไขธีมถัดจากธีมที่คุณต้องการแก้ไข
แตะไอคอน
แตะองค์ประกอบเพื่อเปิดการตั้งค่า
ปรับการตั้งค่าใดก็ได้ที่มีอยู่ คุณสามารถตรวจดูการเปลี่ยนแปลงได้โดยไปที่ส่วนต่างๆ ของธีมในหน้าต่างแสดงตัวอย่าง
แตะบันทึกหรือ ✓
โซเชียลมีเดีย
คุณสามารถเพิ่มลิงก์ไปยังบัญชีโซเชียลมีเดียของคุณซึ่งจะแสดงในส่วนท้ายของร้านค้าออนไลน์ได้
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกโซเชียลมีเดีย
หากต้องการเพิ่มลิงก์ไปยังบัญชีโซเชียลมีเดียของคุณ ให้ป้อนที่อยู่เว็บไซต์สำหรับบัญชีของคุณในช่องบัญชีโซเชียลที่เกี่ยวข้อง คุณจำเป็นต้องป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://tiktok.com/@shopify
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะโซเชียลมีเดีย
หากต้องการเพิ่มลิงก์ไปยังบัญชีโซเชียลมีเดียของคุณ ให้ป้อนที่อยู่เว็บไซต์สำหรับบัญชีของคุณในช่องบัญชีโซเชียลที่เกี่ยวข้อง คุณจำเป็นต้องป้อนลิงก์แบบเต็ม เช่น https://instagram.com/shopify หรือ https://tiktok.com/@shopify
แตะบันทึกหรือ ✓
ลักษณะการค้นหา
ร้านค้าออนไลน์ของคุณมีการค้นหาเชิงคาดการณ์ ซึ่งจะแสดงรายการแนะนำเมื่อลูกค้าเริ่มพิมพ์ในช่องค้นหา รายการแนะนำเกี่ยวกับการค้นหาสามารถช่วยให้ลูกค้าระบุและจำกัดผลคำค้นหาของตนให้แคบลงได้ อีกทั้งยังเป็นช่องทางใหม่ๆ ให้ลูกค้าได้สำรวจร้านค้าออนไลน์ของคุณ นอกจากนี้ รายการแนะนำเกี่ยวกับการค้นหายังช่วยให้ลูกค้าสามารถเรียกดูรายการที่ตรงกันได้อย่างรวดเร็วโดยไม่ต้องออกจากหน้าปัจจุบันเพื่อดูรายการผลการค้นหาแยกต่างหาก
หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำงานของรายการแนะนำเกี่ยวกับการค้นหา โปรดดูที่การค้นหาเชิงคาดการณ์
คุณสามารถปรับแต่งวิธีที่รายการแนะนำเกี่ยวกับการค้นหาจะแสดงให้ลูกค้าของคุณเห็นได้
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกลักษณะการค้นหา
หากต้องการเปิดใช้งานหรือปิดใช้งานรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกเปิดใช้รายการแนะนำเกี่ยวกับการค้นหา
ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนผู้ขายสินค้าในรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงผู้ขายสินค้า
ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนราคาสินค้าในรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงราคาสินค้า
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะลักษณะการค้นหา
หากต้องการเปิดใช้งานหรือปิดใช้งานรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกเปิดใช้รายการแนะนำเกี่ยวกับการค้นหา
ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนผู้ขายสินค้าในรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงผู้ขายสินค้า
ตัวเลือกเสริม: หากต้องการแสดงหรือซ่อนราคาสินค้าในรายการแนะนำเกี่ยวกับการค้นหา ให้เลือกหรือยกเลิกการเลือกแสดงราคาสินค้า
แตะบันทึกหรือ ✓
รูปแบบสกุลเงิน
คุณสามารถเลือกว่าจะให้แสดงรหัสสกุลเงินพร้อมกับราคาบนสินค้าของคุณหรือไม่
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกรูปแบบสกุลเงิน
หากต้องการแสดงรหัสสกุลเงิน ให้เลือกแสดงรหัสสกุลเงิน
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะรูปแบบสกุลเงิน
หากต้องการแสดงรหัสสกุลเงิน ให้เลือกแสดงรหัสสกุลเงิน
แตะบันทึกหรือ ✓
ตะกร้าสินค้า
คุณสามารถเปลี่ยนสไตล์ของตะกร้าสินค้าในร้านค้าออนไลน์ของคุณได้ เมื่อลูกค้าเพิ่มสินค้าจากร้านค้าของคุณไปยังตะกร้าสินค้า ตะกร้าสินค้าสามารถแสดงเป็นลิ้นชัก หน้า หรือการแจ้งเตือนป๊อปอัปได้ หากต้องการให้ลูกค้าอยู่บนหน้าสินค้า ให้ใช้ตัวเลือกลิ้นชักหรือการแจ้งเตือนป๊อปอัป หากต้องการนำลูกค้าไปยังหน้าตะกร้าสินค้า ให้ใช้ตัวเลือกหน้า เมื่อตะกร้าสินค้าของลูกค้าว่างเปล่า คุณสามารถแสดงคอลเลกชันเด่นในตะกร้าสินค้าแบบเลื่อนด้านข้างได้
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกตะกร้าสินค้า
ใช้เมนูดรอปดาวน์ประเภทตะกร้าสินค้าเพื่อเลือกสไตล์ตะกร้าสินค้าแบบลิ้นชัก หน้า หรือการแจ้งเตือนป๊อปอัป
ตัวเลือกเสริม: หากต้องการแสดงผู้ขายของรายการในตะกร้าสินค้าของลูกค้า ให้เลือกแสดงผู้ขาย
ตัวเลือกเสริม: หากต้องการให้ลูกค้ามีกล่องข้อความที่สามารถป้อนคำขอพิเศษหรือเพิ่มข้อมูลคำสั่งซื้อเพิ่มเติมได้ ให้เลือกเปิดใช้หมายเหตุสำหรับตะกร้าสินค้า
ตัวเลือกเสริม: หากคุณเลือกลิ้นชักเป็นประเภทตะกร้าสินค้าของคุณ คุณจะสามารถแสดงคอลเลกชันในตะกร้าสินค้าแบบเลื่อนด้านข้างได้เมื่อตะกร้าว่างเปล่า โดยดำเนินการดังนี้
- ในพื้นที่ตะกร้าสินค้าแบบเลื่อนด้านข้าง ให้คลิกเลือกคอลเลกชัน
- คลิกชื่อคอลเลกชันที่คุณต้องการแสดง จากนั้นคลิกเลือก
ตัวเลือกเสริม: หากคุณเลือกลิ้นชักเป็นประเภทตะกร้าสินค้าของคุณ คุณจะสามารถเปลี่ยนชุดสีของตะกร้าสินค้าแบบเลื่อนด้านข้างของคุณได้โดยทำตามขั้นตอนต่อไปนี้
- ในส่วนตะกร้าสินค้าแบบเลื่อนด้านข้าง > ชุดสี ให้คลิกเปลี่ยน
- เลือกชุดสีที่ต้องการใช้สำหรับตะกร้าสินค้าแบบเลื่อนด้านข้าง
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะที่ตะกร้าสินค้า
เลือกประเภทตะกร้าสินค้าของคุณจากตัวเลือกแบบเลื่อนด้านข้าง หน้า หรือการแจ้งเตือนป๊อปอัป
ตัวเลือกเสริม: หากต้องการแสดงผู้ขายของรายการในตะกร้าสินค้าของลูกค้า ให้เลือกแสดงผู้ขาย
ตัวเลือกเสริม: หากต้องการให้ลูกค้ามีกล่องข้อความที่สามารถป้อนคำขอพิเศษหรือเพิ่มข้อมูลคำสั่งซื้อเพิ่มเติมได้ ให้เลือกเปิดใช้หมายเหตุสำหรับตะกร้าสินค้า
ตัวเลือกเสริม: หากคุณเลือกลิ้นชักเป็นประเภทตะกร้าสินค้าของคุณ คุณจะสามารถแสดงคอลเลกชันในตะกร้าสินค้าแบบเลื่อนด้านข้างได้เมื่อตะกร้าว่างเปล่า โดยดำเนินการดังนี้
- ในส่วนตะกร้าสินค้าแบบเลื่อนด้านข้าง ให้แตะที่เลือกคอลเลกชัน
- แตะชื่อคอลเลกชันที่ต้องการแสดง แล้วแตะที่เสร็จสิ้น
ตัวเลือกเสริม: หากคุณเลือกลิ้นชักเป็นประเภทตะกร้าสินค้าของคุณ คุณจะสามารถเปลี่ยนชุดสีของตะกร้าสินค้าแบบเลื่อนด้านข้างของคุณได้โดยทำตามขั้นตอนต่อไปนี้
- ในส่วนตะกร้าสินค้าแบบเลื่อนด้านข้าง > ชุดสี ให้แตะที่เปลี่ยน
- เลือกชุดสีที่ต้องการใช้สำหรับตะกร้าสินค้าแบบเลื่อนด้านข้าง แล้วแตะที่เสร็จสิ้น
แตะบันทึกหรือ ✓
CSS ที่กำหนดเอง
ส่วนCSS ที่กำหนดเองช่วยให้คุณสามารถป้อนโค้ด CSS ของคุณเองได้ ตัวอย่างเช่น เพื่อปรับแต่งรูปลักษณ์ของปุ่มในร้านค้าออนไลน์ของคุณนอกเหนือจากการตั้งค่าเริ่มต้นที่มีอยู่ หรือเพื่อใช้สไตล์ที่เป็นเอกลักษณ์กับองค์ประกอบข้อความบางอย่าง
CSS ที่กำหนดเองในการตั้งค่าธีมจะมีผลกับทุกหน้าในร้านค้าออนไลน์ของคุณ ยกเว้นหน้าการชำระเงิน
ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่ม CSS ที่กำหนดเองไปยังธีมของคุณ
สไตล์ของธีม
สไตล์ของธีมคือชุดการตั้งค่าที่นักออกแบบธีมเป็นผู้เลือก คุณสามารถใช้สไตล์ของธีมกับร้านค้าของคุณเพื่อให้มีรูปลักษณ์และการใช้งานที่สวยงามลงตัว ธีมทุกธีมจะมีการใช้สไตล์ของธีมตามค่าเริ่มต้น ส่วนตัวเลือกสไตล์ของธีมอื่นๆ จะขึ้นอยู่กับธีมที่คุณใช้
เมื่อคุณปรับแต่งธีม คุณจะแทนที่การตั้งค่าสไตล์ของธีมด้วยการตั้งค่าของคุณเอง เมื่อคุณใช้สไตล์ของธีมกับธีมของคุณ การตั้งค่าปัจจุบัน เช่น สีและตัวพิมพ์ จะเปลี่ยนแปลงไป
ขั้นตอน
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ร้านค้าออนไลน์ > ธีม
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม
คลิกไอคอน
การตั้งค่าธีม
คลิกที่ สไตล์ธีม
เลือกสไตล์ของธีมที่ต้องการใช้ แล้วคลิกเปลี่ยนสไตล์
คลิกบันทึก
มือถือ
จากแอป Shopify แตะไอคอน
ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์
แตะจัดการธีมทั้งหมด
ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม
แตะ … หรือ ⋮ จากนั้นแตะการตั้งค่าธีม
แตะที่สไตล์ของธีม
เลือกสไตล์ของธีมที่ต้องการใช้ แล้วแตะที่เสร็จสิ้น
แตะบันทึกหรือ ✓