จะใช้ส่วนและบล็อกข้อความ รูปภาพ และเส้นคั่นได้อย่างไร

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

เพิ่มส่วนหรือบล็อก

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

ข้อความ

• ข้อความ: ตัวแก้ไขมีตัวหนา ตัวเอียง ขีดเส้นใต้ ขีดฆ่า ขนาดข้อความ (เล็ก ปกติ ใหญ่ ใหญ่มาก) สีข้อความ สีไฮไลต์ และปุ่มล้างการจัดรูปแบบ
• พรีเซ็ต: ค่าเริ่มต้นย่อหน้า หรือ หัวข้อ 1 ถึง หัวข้อ 6 หัวข้อจะใช้ฟอนต์หัวข้อของคุณ และบอกเครื่องมือค้นหาว่าหน้ามีโครงสร้างอย่างไร ใช้หัวข้อ 1 เพียงอันเดียวต่อหน้า
• ฟอนต์: ค่าเริ่มต้น ใช้ฟอนต์ของพรีเซ็ต ส่วน เนื้อความ, หัวข้อ, หัวข้อรอง หรือ เน้น จะใช้ฟอนต์นั้นจากการตั้งค่า ฟอนต์ แทน
• ขนาด (10 ถึง 30 พิกเซล) ระยะห่างบรรทัด และ ระยะห่างตัวอักษร (แน่นปกติ หรือ หลวม)
• ความกว้าง: พอดี (กว้างเท่าข้อความ) หรือ เต็มพื้นที่ (เต็มความกว้าง) การจัดแนว (ซ้าย กึ่งกลาง ขวา) จะแสดงเมื่อเลือกเต็มพื้นที่

ในหน้าคอลเลกชัน ข้อความสามารถใช้ {{collection_name}}{{collection_description}} และ {{products_count}} เพื่อแสดงค่าจริงของคอลเลกชันที่กำลังดูอยู่

รูปภาพ

• รูปภาพ: เลือกรูปจากคลังสื่อของคุณ
• ความกว้าง: พอดีเต็มพื้นที่ หรือ กำหนดเอง พร้อม ความกว้างที่กำหนดเอง เป็นเปอร์เซ็นต์ การจัดแนว จะถูกซ่อนเมื่อเลือกเต็มพื้นที่
• อัตราส่วน: อัตโนมัติ (ตามสัดส่วนของรูปเอง) แนวตั้งสี่เหลี่ยมจัตุรัส หรือ แนวนอน เมื่อใช้อัตราส่วนตายตัว พอดี จะให้เลือก เต็มกรอบ (เต็มกรอบ อาจถูกครอบตัด) หรือ พอดีกรอบ (แสดงรูปทั้งหมด)
• ความโค้งมุม: ทำให้มุมโค้งมน ตั้งแต่ 0 ถึง 100 พิกเซล
• ลิงก์: ไม่บังคับ เมื่อคลิกรูปภาพจะเปิดที่อยู่นี้ เช่น https://example.com/products/your-link

เส้นคั่น

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

• ความกว้าง: พอดีหรือเต็มพื้นที่
• ความหนา: 1 ถึง 10 พิกเซล ความยาว: 5% ถึง 100% ของพื้นที่
• การจัดแนว: ต้น กึ่งกลาง หรือท้าย จะแสดงเมื่อความยาวน้อยกว่า 100%
• ความโค้งมุม: ปลายเส้นแบบ เหลี่ยม หรือ มน

สีและระยะห่าง

• เมื่อเป็นส่วน แต่ละอันมี ชุดสี ซึ่งกำหนดพื้นหลัง สีข้อความ และสำหรับเส้นคั่นคือสีของเส้น (สีเส้นขอบของชุดสี) ดู ชุดสี
• เมื่อเป็นบล็อก ข้อความจะมี ใช้ชุดสีของส่วนหลัก (เปิดอยู่โดยค่าเริ่มต้น) ปิดเพื่อเลือกชุดสีอื่น รูปภาพในบล็อกจะใช้ตามส่วนของมัน
• ระยะขอบใน ในแต่ละด้าน ส่วนเส้นคั่นตั้งได้สูงสุด 200 พิกเซล เพื่อเว้นช่องว่างระหว่างส่วนให้กว้างขึ้น

ควรรู้

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