CSS thay đổi giao diện cửa hàng: màu sắc, khoảng cách, kích thước và nhiều thứ khác. Bạn có thể thêm CSS của riêng mình ở hai nơi trong trình thiết kế: cho toàn bộ cửa hàng, hoặc chỉ cho một mục.
CSS tùy chỉnh cho toàn bộ cửa hàng
Bấm biểu tượng bánh răng và mở tab CSS tùy chỉnh. Ô nhập có tên Mã CSS: Áp dụng cho toàn bộ cửa hàng. CSS của bạn được tải trên mọi trang của thị trường bạn đang chỉnh sửa, và bản xem trước hiển thị kết quả.
Dùng nó cho những quy tắc phải áp dụng ở mọi nơi, ví dụ ẩn một phần tử trên mọi trang hoặc đổi kiểu của mọi nút. Ví dụ, h1 { text-transform: uppercase; } viết tiêu đề chính của mọi trang bằng chữ in hoa.
CSS tùy chỉnh cho một mục
Chọn một mục trong tab Các mục. Ở cuối phần cài đặt của nó, mở tab CSS tùy chỉnh. Ô Mã CSS của nó ghi Chỉ áp dụng cho mục này. Phần lớn các mục đều có tab này, bao gồm đầu trang, chân trang, phần mở đầu, thông tin sản phẩm và thanh toán.
Đây là lựa chọn an toàn hơn. Storeep thêm mục đó vào trước mỗi bộ chọn của bạn, nên quy tắc của bạn không thể thay đổi bất cứ thứ gì bên ngoài mục.
h2 { letter-spacing: 2px; }chỉ thay đổi các tiêu đề bên trong mục này.- Dùng
&để tạo kiểu cho chính mục:& { border-top: 1px solid #000; }. - Quy tắc
@mediavẫn hoạt động. Các quy tắc bên trong chúng cũng chỉ giới hạn trong mục. - Hiệu ứng
@keyframesđược giữ nguyên như bạn đã viết.
CSS của mục thuộc về mục đó trên trang đó. Dùng Áp dụng cho tất cả trang trên mục để sao chép mục, kèm CSS của nó, sang các trang khác có mục đó. Xem Áp dụng cho tất cả trang.
Nên dùng cách nào
- Một mục trông không đúng: dùng CSS tùy chỉnh của mục.
- Cần cùng một thay đổi ở mọi nơi: dùng tab cài đặt CSS tùy chỉnh.
- Trước khi viết CSS, hãy kiểm tra xem đã có cài đặt nào làm được việc đó chưa: màu nằm trong Bảng màu, phông chữ trong cài đặt Phông chữ, còn góc bo và đổ bóng đến từ giao diện của bạn.
Khi CSS không hoạt động
- Kiểm tra xem có thiếu
}hoặc;không. Một lỗi có thể làm các quy tắc phía sau ngừng hoạt động. - Quy tắc của bạn có thể yếu hơn quy tắc của giao diện. Hãy làm bộ chọn cụ thể hơn.
- Trong CSS của mục, đừng bắt đầu bộ chọn bằng
bodyhoặchtml. Chúng nằm ngoài mục, nên quy tắc sẽ không khớp. - Nếu trang trông bị lỗi, hãy xóa thay đổi gần nhất, xuất bản, rồi thêm lại từng quy tắc một.
Lưu ý
- CSS tùy chỉnh thuộc về thị trường bạn đang chỉnh sửa. Hãy lặp lại nó ở mọi thị trường cần.
- Đổi giao diện có thể làm thay đổi tên class và bố cục, nên hãy kiểm tra CSS tùy chỉnh sau khi đổi giao diện.
- Thay đổi có hiệu lực khi bạn bấm Xuất bản.
- Với HTML và mã bên trong một trang, xem Mã tùy chỉnh.