Cấu hình Nguồn Động (Metafields) trong Trình chỉnh sửa Chủ đề OS 3.0

Các nguồn động (metafields) cho phép bạn hiển thị dữ liệu cửa hàng theo thời gian thực trên cửa hàng của mình, thay thế nội dung tĩnh được nhập thủ công. Bằng cách kết nối các thành phần với các nguồn động, bạn đảm bảo rằng các chi tiết độc đáo, chẳng hạn như tính năng sản phẩm hoặc thẻ bộ sưu tập, luôn nhất quán và cập nhật trên toàn bộ cửa hàng của bạn. Hiện tại, tính năng này chủ yếu hỗ trợ các metafields tài nguyên Sản phẩm và Bộ sưu tập.

Hướng dẫn này giải thích cách định nghĩa metafields, hiểu ba chiều lấy dữ liệu động và giải quyết các vấn đề cấu hình phổ biến thông qua phần Câu hỏi thường gặp của chúng tôi.

Tạo Metafields Trước Khi Cấu Hình

Trước khi bạn có thể hiển thị nội dung động, bạn phải định nghĩa các trường dữ liệu tùy chỉnh (metafields) và gán giá trị cho sản phẩm hoặc bộ sưu tập của bạn.

1. Từ trang quản trị SHOPLINE của bạn, đi tới Cài đặt > Tùy chỉnh dữ liệu.
   
2. Chọn loại tài nguyên bạn muốn tạo (ví dụ: Sản phẩm hoặc Bộ sưu tập).
3. Nhấn Thêm trường để tạo trường mới.
   
4. Đi tới mục cụ thể (ví dụ: trang sản phẩm) và nhập các trường cần thiết cho mục đó trong phần Metafields. Sau đó, nhấn Thêm để lưu cài đặt.
   

Giải Thích Ba Chiều Nguồn Động

Trình chỉnh sửa OS 3.0 cung cấp ba chiều lấy dữ liệu. Hiểu được logic của chúng giúp bạn hiển thị nội dung chính xác trên các trang khác nhau:

Tài nguyên Mẫu (Trang Hiện Tại)

• Cách hoạt động: Đây là logic dữ liệu cố định hoàn toàn dựa trên "URL" mà khách hàng đang truy cập.
• Phù hợp nhất cho: Vị trí cố định trên Trang chi tiết sản phẩm hoặc Trang bộ sưu tập.
• Hiệu ứng: Khi khách hàng truy cập Sản phẩm A, hệ thống sẽ nhận diện URL và khóa vào các metafield của Sản phẩm A. Bất kỳ khối nào kết nối với "Sản phẩm hiện tại" sẽ tự động lấy dữ liệu cụ thể của trang đó.

Tài nguyên cấp thành phần (Thành phần hiện tại)

• Cách hoạt động: Dựa trên cài đặt của "chính thành phần" và không phụ thuộc vào trang mà nó được đặt. Bất kỳ dữ liệu nào được gán ở cấp thành phần sẽ là dữ liệu mà các phân module con sẽ đọc.
• Phù hợp nhất cho: Các phần độc lập có thể đặt trên bất kỳ trang nào (ví dụ: Trang chủ), như "Sản phẩm nổi bật".
• Hiệu ứng: Bạn phải tự tay liên kết một tài nguyên (ví dụ: chọn bộ sưu tập "Khuyến mãi mùa hè") ở cấp cao nhất của phần. Khi đã liên kết, các phân module con được đặt thành "Thành phần hiện tại" sẽ chính xác lấy dữ liệu từ bộ sưu tập đó.

Tài nguyên gần nhất

• Cách hoạt động: Sử dụng logic "tìm kiếm lên trên". Một khối bắt đầu từ vị trí hiện tại và tìm lên cấu trúc trang để tìm và áp dụng nguồn dữ liệu gần nhất có sẵn.
• Phù hợp nhất cho: Danh sách sản phẩm hoặc trang kết quả tìm kiếm.
• Hiệu ứng: Giải quyết vấn đề khi các thẻ riêng lẻ trong danh sách không thể nhận diện dữ liệu "sản phẩm đơn lẻ". Bất kỳ phần tử nào bên trong thẻ (ví dụ: tiêu đề, hình ảnh) được đặt thành "Tài nguyên gần nhất" sẽ tự động khớp với dữ liệu sản phẩm cụ thể được gán cho thẻ đó trong vòng lặp.

Hiểu và sử dụng "Tài nguyên gần nhất"

Cơ chế Tài nguyên gần nhất là một bước đột phá cho các bố cục tự động. Nó cho phép các khối riêng lẻ trong danh sách lặp (như thẻ sản phẩm) "tìm lên" và tìm dữ liệu cụ thể liên quan đến mục đó.

Tại sao sử dụng Tài nguyên gần nhất

• Tự động hóa: Bạn không còn phải gán dữ liệu thủ công cho từng thẻ sản phẩm riêng lẻ.
• Chi tiết cụ thể: Hiển thị các đặc điểm riêng của mục (ví dụ: nồng độ cồn hoặc loại vải) trực tiếp trên thẻ sản phẩm trong danh sách hoặc kết quả tìm kiếm.

Cách cấu hình Tài nguyên gần nhất

1. Trong Trình chỉnh sửa Chủ đề OS 3.0, điều hướng đến một trang có danh sách sản phẩm (ví dụ: trang Bộ sưu tập).
2. Chọn một Khối trong mẫu sản phẩm (ví dụ: một khối Mô tả sản phẩm).
   
3. Nhấp vào biểu tượng Thêm nguồn động bên cạnh trường nhập Nội dung.
   
4. Chọn Sản phẩm gần nhất trong phần Thành phần hiện tại.
   
5. Chọn metafield cụ thể bạn muốn hiển thị và nhấp Lưu.

Trường hợp sử dụng: Danh sách sản phẩm so với Thành phần độc lập

Việc chọn chiều nguồn phù hợp phụ thuộc vào vị trí đặt thành phần của bạn:

Tình huống 1: Trang danh sách sản phẩm

Khi làm việc với thẻ sản phẩm trên trang Bộ sưu tập hoặc trang Kết quả tìm kiếm, hãy sử dụng chiều Tài nguyên gần nhất.

• Hành động chính: Kết nối các phân module trong thẻ sản phẩm của bạn với Sản phẩm gần nhất.
• Kết quả mong đợi: Điều này đảm bảo mỗi thẻ trong danh sách sản phẩm tự động khớp và hiển thị các thuộc tính riêng biệt của nó (chẳng hạn như các metafield cụ thể cho sản phẩm đó) khi hệ thống lặp qua danh sách.

Tình huống 2: Các phần độc lập/được nổi bật

Khi bạn thêm thủ công các phần như "Sản phẩm nổi bật" hoặc "Danh sách sản phẩm" vào Trang chủ hoặc Trang tùy chỉnh, hãy sử dụng chiều Tài nguyên cấp Thành phần.

• Hành động chính: Bạn phải liên kết nguồn dữ liệu (ví dụ: chọn một sản phẩm hoặc bộ sưu tập cụ thể) ở cấp phần chính trong thanh bên.
• Kết quả mong đợi: Điều này cho phép bạn linh hoạt hiển thị thông tin sản phẩm cụ thể trên bất kỳ trang không phải mẫu nào.

Câu hỏi thường gặp về Metafield trong Trình chỉnh sửa Chủ đề OS 3.0

Hỏi 1: Làm thế nào để hiển thị các metafield sản phẩm riêng lẻ trên danh sách trang Bộ sưu tập sản phẩm?

Bạn phải sử dụng chiều "Tài nguyên gần nhất".

• Những lỗi phổ biến: Trên trang Bộ sưu tập, "Nguồn mẫu" mặc định của hệ thống lấy dữ liệu cho toàn bộ "Bộ sưu tập." Nếu bạn áp dụng trực tiếp vào thẻ sản phẩm, nó sẽ không thể lấy được các thuộc tính riêng của sản phẩm (như nồng độ cồn hoặc chất liệu vải).
• Giải pháp đúng: Trong trình chỉnh sửa, nhấp vào một khối cụ thể bên trong thẻ sản phẩm (ví dụ, một hộp văn bản) và đặt nguồn động thành Sản phẩm gần nhất trong mục Tài nguyên gần nhất.
• Logic: Khi hệ thống tạo danh sách, nó gán dữ liệu sản phẩm riêng cho từng thẻ. Bằng cách chọn "Tài nguyên gần nhất," khối sẽ "tìm kiếm lên trên" để lấy dữ liệu sản phẩm cụ thể được gán cho thẻ đó, đảm bảo hiển thị khác biệt.

Câu 2: Sự khác biệt giữa Metafield và Metaobject là gì?

Metafield là thuộc tính tùy chỉnh gắn trực tiếp vào một tài nguyên như sản phẩm hoặc bộ sưu tập (ví dụ: "thành phần chính" trên sản phẩm chăm sóc da, hoặc "loại da phù hợp" trên kem dưỡng ẩm).

Metaobject là bản ghi dữ liệu độc lập, có thể tái sử dụng, không gắn vào bất kỳ sản phẩm hay bộ sưu tập cụ thể nào và có thể được tham chiếu trên nhiều sản phẩm, trang hoặc thành phần khác nhau. Ví dụ, nếu cửa hàng của bạn có nhiều dòng sản phẩm chăm sóc da, nội dung như "khái niệm dòng sản phẩm và câu chuyện phát triển" cần xuất hiện trên tất cả các trang sản phẩm trong cùng một dòng, trong trường hợp này, metaobject cho phép bạn quản lý nội dung này tập trung mà không phải nhập lại thông tin giống nhau trên từng sản phẩm. Sử dụng metafield cho dữ liệu riêng của sản phẩm và metaobject cho nội dung cần chia sẻ trên nhiều sản phẩm hoặc trang. Để biết thêm về Metaobject, xem "Kết nối Metaobjects trong Trình chỉnh sửa Chủ đề OS 3.0."