Tự động tạo khối chủ đề trong trình biên tập chủ đề

Thông qua Shopify Magic, bạn có thể sử dụng Trí tuệ nhân tạo (AI) để tạo khối chủ đề mới trong trình biên tập chủ đề dựa trên chi tiết bạn cung cấp.

Trên trang này

Những điều cần cân nhắc khi tạo khối chủ đề

Xem xét các lưu ý sau đây về việc tạo khối chủ đề:

Mã do AI tạo không phải lúc nào cũng hoàn hảo. Đôi khi, mã có thể gây ra lỗi, cho kết quả không mong muốn hoặc không đáp ứng đầy đủ các thực hành tốt nhất về hiệu suất hay khả năng tiếp cận. Bạn có trách nhiệm xem xét, thử nghiệm và đảm bảo khối được tạo đáp ứng các tiêu chuẩn của mình cũng như hoạt động chính xác.
Xem trước giao diện của khối trên cả chế độ xem máy tính để bàn và thiết bị di động trong bản xem trước của trình biên tập chủ đề.
Nếu khối của bạn có các cài đặt tùy chỉnh, hãy thử nghiệm các cài đặt này sau khi thêm khối để đảm bảo chúng hoạt động như mong đợi.
Sau khi bạn tạo khối chủ đề, tệp liquid mới của khối đó sẽ được thêm vào thư mục blocks trong mã chủ đề của bạn.
- Các khối chủ đề bao gồm Liquid, ngôn ngữ lập trình mẫu của Shopify. Các tệp khối chủ đề cũng chứa HTML, CSS, JSON và JavaScript. Sau khi bạn tạo khối chủ đề, tệp liquid mới của khối đó sẽ được thêm vào thư mục blocks trong mã chủ đề của bạn.
- Nếu muốn chỉnh sửa khối chủ đề đã tạo bằng cách chỉnh sửa mã, bạn có thể chỉnh sửa mã chủ đề. Chỉ chỉnh sửa mã chủ đề nếu bạn biết HTML và CSS cũng như có hiểu biết cơ bản về Liquid.
- Tệp liquid do Shopify Magic tạo có tính độc lập. Bạn vẫn có thể cập nhật chủ đề khi có phiên bản mới được phát hành trên cửa hàng chủ đề.

Yêu cầu về điều kiện để tạo khối chủ đề

Xem xét các yêu cầu sau đây về việc tạo khối chủ đề.

Yêu cầu về gói giá

Cửa hàng của bạn phải đang sử dụng một trong các gói giá sau:

Dùng thử miễn phí
Basic
Growth
Advanced
Plus

Tính năng này không dùng được trên gói Starter sử dụng chủ đề Spotlight và không hỗ trợ thêm các khối hoặc mục chủ đề tùy chỉnh.

Khả năng tương thích của chủ đề

Tính năng tạo khối chủ đề dùng được cho tất cả các chủ đề trên Cửa hàng chủ đề Shopify. Nếu sử dụng một chủ đề tương thích của bên thứ ba, bạn phải mua chủ đề đó trước khi có thể tạo khối chủ đề, vì bản dùng thử miễn phí không hỗ trợ tính năng này.

Tính năng này không dùng được trên các chủ đề cũ. Tìm hiểu thêm về tính năng đối với các phiên bản kiến trúc chủ đề khác nhau.

Yêu cầu về quyền của người dùng

Những người dùng sau đây có thể tạo khối trong chủ đề:

Chủ sở hữu cửa hàng và chủ sở hữu tổ chức.
Người dùng có vai trò Quản trị viên hoặc Quản trị viên tổ chức.
Người dùng có Vai trò đối với cửa hàng kèm theo quyền Chỉnh sửa mã.

Mẹo viết câu lệnh khối chủ đề hiệu quả

Chất lượng của khối được tạo thường phụ thuộc vào chất lượng câu lệnh của bạn. Thực hiện theo các thực hành tốt nhất sau:

Cụ thể và mô tả rõ ràng: Câu lệnh phải có tối thiểu năm từ. Câu lệnh dài hơn với nhiều chi tiết hơn có khả năng mang lại kết quả chính xác hơn. Ví dụ: thay vì nhập thêm hình ảnh và văn bản, hãy nhập Tạo khối với hình ảnh ở bên trái, cùng tiêu đề, văn bản đoạn văn và nút 'Mua sắm ngay' ở bên phải. Xếp chồng trên thiết bị di động.
Đề cập đến các thành phần nội dung: Liệt kê các loại nội dung cần thiết cho khối, ví dụ như tiêu đề, đoạn văn, hình ảnh, nút, biểu mẫu và biểu tượng.
Đề xuất bố cục: Mô tả cách sắp xếp các thành phần trong khối, ví dụ như cạnh nhau, dạng lưới, ở giữa hoặc các hàng xen kẽ.
Bao gồm các cài đặt tùy chỉnh: Nếu bạn muốn khối có các cài đặt có thể chỉnh sửa cụ thể trong trình biên tập chủ đề, chẳng hạn như tùy chọn thay đổi hình ảnh, văn bản hoặc liên kết nút, hãy đưa các cài đặt đó vào câu lệnh. Ví dụ: để bao gồm một cài đặt nhằm kiểm soát tốc độ kết xuất hình ảnh động trong khối có video, hãy nhập Bao gồm cài đặt để kiểm soát tốc độ kết xuất hình ảnh động.
Lặp lại bằng các hướng dẫn tiếp theo: Nếu kết quả đầu tiên chưa hoàn toàn chính xác, hãy điều chỉnh câu lệnh với nhiều chi tiết hơn hoặc cách diễn đạt khác, rồi tạo lại.

Xem xét các ví dụ sau đây về các câu lệnh tuân theo các thực hành tốt nhất:

Khối lời chứng thực có ảnh của khách hàng, văn bản trích dẫn, tên khách hàng và phần hiển thị đánh giá 5 sao.
Khối tính năng cạnh nhau: bên trái có biểu tượng và tiêu đề, bên phải có văn bản mô tả.
Biểu ngữ có chiều rộng tối đa với hình nền, văn bản tiêu đề lớn ở giữa, văn bản tiêu đề phụ nhỏ hơn ở bên dưới và nút kêu gọi hành động.

Tạo khối chủ đề

Sau khi bạn tạo khối và quyết định giữ lại, khối mới sẽ được thêm vào công cụ chọn khối. Bạn có thể thêm khối đó vào các mục tương thích chấp nhận khối chủ đề.

Các bước thực hiện:

Từ trang quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.
Tìm chủ đề bạn muốn chỉnh sửa rồi nhấp vào Chỉnh sửa chủ đề.
Tùy chỉnh trang chủ hoặc chạm vào menu thả xuống Trang chủ, sau đó chọn mẫu mà bạn muốn thêm mục vào.
Nhấp vào mục mà bạn muốn tạo khối.
Nhấp vào Thêm khối.
Nhấp vào Tạo.
Nhập mô tả về khối mà bạn muốn tạo.
Nhấp vào Tạo. Shopify Magic sẽ xử lý yêu cầu của bạn và tạo mã.
Xem trước trực tiếp khối đã tạo trong trình biên tập chủ đề. Nếu các cài đặt tùy chỉnh đã được tạo, bạn có thể tùy chỉnh khối của mình.
Nếu bạn hài lòng với khối đã tạo, hãy nhấp vào Giữ lại. Nếu chưa hài lòng, bạn có thể bỏ khối hoặc cung cấp hướng dẫn tiếp theo.

Xóa khối chủ đề đã tạo khỏi chủ đề

Sau khi tạo khối chủ đề, tệp liquid mới của khối sẽ được thêm vào thư mục blocks trong mã chủ đề. Nếu khối chủ đề mới tạo gây ra sự cố trên cửa hàng, bạn có thể xóa khối đó bằng cách xóa tệp liquid khỏi mã chủ đề.

Các bước thực hiện:

Từ trang quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.
Cạnh chủ đề bạn muốn chỉnh sửa, nhấp vào Chỉnh sửa chủ đề.
Tùy chỉnh trang chủ hoặc chạm vào menu thả xuống Trang chủ, sau đó chọn mẫu mà bạn muốn thêm mục vào.
Nhấp vào phần có chứa khối bạn muốn xóa. Nếu trước đó bạn đã xóa mọi phiên bản của khối này, hãy nhấp vào Thêm khối để thêm lại từ công cụ chọn khối.
Trong cài đặt của khối, nhấp vào > Chỉnh sửa mã.
Ở menu thanh bên, nhấp vào thư mục blocks để mở rộng, rồi tìm tệp của khối bạn đang xem. Tệp này sẽ trùng với tên của khối đang mở và kết thúc bằng .liquid.
Ở menu thanh bên, nhấp vào biểu tượng cạnh tệp của khối.
Trong hộp thoại, nhấp vào Xóa tệp để xác nhận.