Tùy chỉnh cửa hàng của bạn với CSS tùy chỉnh

Đố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 cách sử dụng CSS tùy chỉnh. Tính năng này cho phép bạn điều chỉnh kiểu dáng ở cả cấp độ chủ đề toàn cầu và cấp độ thành phần, cung cấp khả năng kiểm soát chi tiết về thiết kế cửa hàng của bạn và ngay cả các kiểu dáng của các ứng dụng bên thứ ba.

Giới hạn của CSS Tùy Chỉnh

Xin lưu ý các giới hạn sau khi sử dụng CSS tùy chỉnh:

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

1. Trong bảng điều khiển quản trị, đi đến Cửa hàng trực tuyến > Thiết kế. Nhấp vào 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ầu: Nhấp vào 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ể mà 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ấp vào Lưu để áp dụng các thay đổi của bạn.