Sử dụng Trợ lý Mã AI để Tạo CSS Tùy chỉnh cho Giao diện Cửa hàng của Bạn

Với vai trò là đối tác thương mại thông minh toàn diện của bạn, SHOPLINE đón nhận các xu hướng AI mới nhất và giúp mọi thương nhân tiếp cận được lợi ích từ AI. Với Trợ lý Mã AI, bạn có thể tùy chỉnh hiệu quả giao diện cửa hàng thông qua mã, ngay cả khi không có nền tảng kỹ thuật. Dựa trên yêu cầu của bạn, trợ lý sẽ tạo ra mã sẵn sàng áp dụng để bạn dễ dàng tùy chỉnh phong cách cửa hàng của mình.

Hướng dẫn này giải thích cách tìm và sử dụng Trợ lý Mã AI trong Trình chỉnh sửa Chủ đề để tạo và áp dụng CSS Tùy chỉnh cho việc tạo kiểu cửa hàng. Sử dụng khi bạn cần điều chỉnh hình ảnh nhanh chóng, chính xác mà không cần chỉnh sửa mã chủ đề.

Nơi Tìm Trợ lý Mã AI

Trợ lý Mã AI được tích hợp trong Trình chỉnh sửa Chủ đề. Từ bảng quản trị SHOPLINE của bạn, đi tới Cửa hàng trực tuyến > Thiết kế > tab Chủ đề của tôi, sau đó nhấp vào Thiết kế để vào trình chỉnh sửa chủ đề. Bạn có thể tìm thấy nó từ ba điểm truy cập:

• Bên cạnh Tiêu đề Trang: Nằm cạnh tên trang bạn đang xem (ví dụ: Trang chủ), ở đầu thanh bên trái.
  
• Bên cạnh Tiêu đề Thành phần: Tìm thấy bên cạnh tiêu đề của các phần hoặc thành phần cụ thể trong thanh bên trái (ví dụ: bên cạnh Trình chiếu hoặc Biểu ngữ hình ảnh).
• Bên cạnh cài đặt CSS Tùy chỉnh: Hiển thị bên cạnh tiêu đề CSS Tùy chỉnh trong bảng cài đặt cho một trang hoặc thành phần.
  
   

Cách Sử dụng Trợ lý Mã AI

Để sử dụng Trợ lý Mã AI tạo CSS tùy chỉnh cho cửa hàng của bạn, hãy làm theo các bước sau:

Trước tiên chọn thành phần hoặc trang bạn muốn điều chỉnh, sau đó mô tả yêu cầu phong cách cửa hàng của bạn một cách tự nhiên. Sau khi hiểu câu hỏi của bạn, trợ lý sẽ xuất mã tương ứng. Nhấp vào Áp dụng và nó sẽ tự động điền CSS Tùy chỉnh và hiển thị bản xem trước.

1. Chọn thành phần hoặc trang bạn muốn điều chỉnh trong thanh bên trình chỉnh sửa chủ đề.
2. Nhấp vào biểu tượng Trợ lý Mã AI bên cạnh tiêu đề của trang hoặc thành phần đã chọn.
3. Mô tả thay đổi phong cách cửa hàng bạn muốn thực hiện theo cách hội thoại (ví dụ: "Làm cho văn bản tiêu đề sản phẩm màu xanh dương").
4. Trợ lý sẽ xuất ra mã CSS tương ứng.
5. Nhấp Áp dụng. Mã sẽ tự động được điền vào trường CSS Tùy chỉnh và hiển thị bản xem trước.
6. Nhấp Lưu trong trình chỉnh sửa chủ đề để xuất bản các thay đổi lên chủ đề của bạn.

Ví dụ về trường hợp sử dụng

Dưới đây là ví dụ về cách bạn có thể sử dụng Trợ lý Mã AI để điều chỉnh kiểu dáng của một thành phần cửa hàng. Trong trường hợp này, chúng ta sẽ làm cho tiêu đề thành phần Sản phẩm được đề xuất (ví dụ: "Bạn cũng có thể thích") lớn hơn, căn trái và màu hồng trên trang chi tiết sản phẩm:

1. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi tới Cửa hàng trực tuyến > Thiết kế > tab Chủ đề của tôi, sau đó nhấp vào Thiết kế để vào trình chỉnh sửa chủ đề.
2. Đi tới trang Sản phẩm và chọn thành phần Sản phẩm được đề xuất.
3. Mở Trợ lý mã AI bằng cách nhấp vào biểu tượng tính năng, nhập: "Tăng kích thước phông chữ tiêu đề thành phần, căn lề trái và đổi màu thành màu hồng," sau đó nhấp vào Áp dụng.
   
   
4. CSS được tạo sẽ tự động được áp dụng vào trường CSS tùy chỉnh. Xem trước thay đổi, sau đó nhấp vào Lưu để xuất bản cập nhật nếu mọi thứ trông ổn.