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

Với tư cách là đối tác thương mại thông minh một điểm đến, SHOPLINE tiếp nhận các xu hướng AI mới nhất và mang lại lợi ích của AI cho tất cả các thương nhân. Với Trợ lý Mã AI, bạn có thể hiệu quả tùy chỉnh hình ảnh 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 có thể 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 phong cách cửa hàng. Sử dụng điều này 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 vào Trình chỉnh sửa Chủ đề. Từ bảng điều khiển quản trị SHOPLINE của bạn, đi đến 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 của trang mà bạn đang xem (ví dụ: Trang chủ), ở đầu thanh bên trái. Bên cạnh Tiêu đề Trang
• Bên cạnh Tiêu đề Thành phần: Nằm 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 Tiêu đề Thành phần
• 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. Bên cạnh cài đặt CSS Tùy chỉnh
   

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:

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

Ví dụ về Trường hợp Sử dụng

Dưới đây là một ví dụ về cách bạn có thể sử dụng Trợ lý Mã AI để điều chỉnh phong cách của một thành phần cửa hàng. Trong kịch bản này, chúng ta sẽ làm cho tiêu đề của thành phần Gợi ý Sản phẩm (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 đến 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 đến trang Sản phẩm và chọn thành phần Gợi ý Sản phẩm.
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 trái và đổi màu thành hồng," sau đó nhấp vào Áp dụng.
4. CSS được tạo ra sẽ tự động được áp dụng vào trường CSS Tùy chỉnh. Xem trước sự thay đổi, sau đó nhấp vào Lưu để công bố cập nhật nếu mọi thứ trông ổn.