Tùy Chỉnh Cửa Hàng Của Bạn Với CSS Tùy Biến

Đối với người dùng có nền tảng lập trình, SHOPLINE cung cấp một cách tiện lợi để tùy chỉnh giao diện cửa hàng của bạn bằng CSS Tùy Chỉnh. Tính năng này cho phép bạn điều chỉnh các kiểu dáng ở cả cấp độ chủ đề toàn cục và thành phần, mang lại khả năng kiểm soát chi tiết thiết kế cửa hàng của bạn và thậm chí cả kiểu dáng của các ứng dụng bên thứ ba.

Hạn Chế của CSS Tùy Chỉnh

Vui lòng lưu ý các hạn chế sau khi sử dụng CSS Tùy Chỉnh:

• CSS cấp thành phần: Các quy tắc at-rule không được hỗ trợ.
• CSS Chủ đề Toàn cục: Chỉ cho phép các quy tắc at-rule sau: @color-profile, @font-face, @counter-style, @font-feature-values, @font-palette-values, @keyframes, @page, @property.
• Sử dụng URL: Chỉ cho phép URL từ miền https://*.myshopline.com.
• Giới hạn ký tự:
  • CSS tùy chỉnh chủ đề toàn cục: 1.500 ký tự
  • CSS tùy chỉnh cấp thành phần: 500 ký tự

Cách Thêm CSS Tùy Chỉnh

Thực hiện theo các bước sau để áp dụng CSS Tùy Chỉnh của bạn:

1. Trong bảng quản trị của bạn, đi tới Cửa hàng trực tuyến > Thiết kế. Nhấn nút Thiết kế trong mô-đun Chủ đề hiện tại.
   
2. Trong trình chỉnh sửa chủ đề, tìm mô-đun CSS Tùy Chỉnh:
   • Chủ đề Toàn cục: Nhấn biểu tượng bảng màu để truy cập Cài đặt chủ đề và chọn CSS Tùy Chỉnh.
     
   • Cấp thành phần: Chọn thành phần cụ thể bạn muốn tùy chỉnh và tìm mô-đun CSS Tùy Chỉnh.
     
3. Nhập mã CSS tùy chỉnh của bạn và nhấn Lưu để áp dụng thay đổi.