จะเพิ่ม CSS ที่กำหนดเองให้ทั้งร้านค้าหรือส่วนเดียวได้อย่างไร

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

CSS ที่กำหนดเองสำหรับทั้งร้าน

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

ใช้สำหรับกฎที่ต้องมีผลทุกที่ เช่น ซ่อนองค์ประกอบในทุกหน้า หรือเปลี่ยนสไตล์ของทุกปุ่ม ตัวอย่างเช่น h1 { text-transform: uppercase; } จะเขียนหัวข้อหลักของทุกหน้าเป็นตัวพิมพ์ใหญ่

CSS ที่กำหนดเองสำหรับส่วนเดียว

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

วิธีนี้ปลอดภัยกว่า Storeep จะใส่ส่วนนั้นไว้หน้าตัวเลือก (selector) ทุกตัวของคุณ กฎของคุณจึงเปลี่ยนสิ่งใดนอกส่วนนั้นไม่ได้

• h2 { letter-spacing: 2px; } เปลี่ยนเฉพาะหัวข้อภายในส่วนนี้
• ใช้ & เพื่อปรับสไตล์ตัวส่วนเอง: & { border-top: 1px solid #000; }
• กฎ @media ใช้ได้ และกฎภายในก็ถูกจำกัดอยู่ในส่วนนั้นเช่นกัน
• แอนิเมชัน @keyframes จะคงไว้ตามที่คุณเขียน

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

ควรใช้แบบไหน

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

เมื่อ CSS ไม่ทำงาน

• ตรวจสอบว่าขาด } หรือ ; หรือไม่ ผิดพลาดจุดเดียวอาจทำให้กฎถัดไปไม่ทำงาน
• กฎของคุณอาจมีน้ำหนักน้อยกว่ากฎของธีม ให้ระบุตัวเลือกให้เฉพาะเจาะจงมากขึ้น
• ใน CSS ของส่วน อย่าเริ่มตัวเลือกด้วย body หรือ html เพราะอยู่นอกส่วน กฎจึงจะไม่ตรงกับอะไรเลย
• หากหน้าดูเสีย ให้ลบการเปลี่ยนแปลงล่าสุด เผยแพร่ แล้วเพิ่มกฎกลับทีละข้อ

ข้อควรรู้

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