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ế cho 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, Bộ sưu tập và Biến thể sản phẩm.

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, Bộ sưu tập hoặc Biến thể sản phẩm).
3. Nhấp vào Thêm trường để tạo trường mới.
   
4. Đi đến 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ấp 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 lại (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.

Hiển thị Metafield Biến thể Sản phẩm

Bên cạnh các metafield Sản phẩm và Bộ sưu tập, Trình chỉnh sửa Chủ đề OS 3.0 cũng có thể lấy dữ liệu từ các metafield Biến thể sản phẩm. Điều này cho phép bạn hiển thị nội dung cụ thể cho biến thể chính xác (SKU) mà khách hàng đã chọn, ví dụ, hiển thị nhãn hướng dẫn chăm sóc khác nhau cho mỗi tùy chọn màu của cùng một sản phẩm.

Các loại dữ liệu được hỗ trợ cho Metafield Biến thể 

Metafield biến thể sản phẩm hỗ trợ các loại dữ liệu giống như metafield sản phẩm, bao gồm việc có hỗ trợ nhiều giá trị hay không. Để xem danh sách đầy đủ các loại dữ liệu metafield, xem "Tùy chỉnh nội dung cửa hàng của bạn với Metafields."

Chọn Kích thước Nguồn Động phù hợp cho Metafield Biến thể 

Khi kết nối một khối với metafield biến thể, chọn Sản phẩm gần nhất trong danh mục Thành phần hiện tại — cùng kích thước được sử dụng cho danh sách sản phẩm. Điều này đảm bảo khối được giải quyết chính xác với sản phẩm và biến thể cụ thể trong ngữ cảnh, dù nó được đặt trên trang Sản phẩm, bên trong thẻ danh sách sản phẩm, hoặc trong một phần độc lập.

Kích hoạt Bộ chọn Biến thể cho Metafield Biến thể 

Để giá trị hiển thị tự động cập nhật khi khách hàng chuyển đổi biến thể, trang hoặc phần phải bao gồm một thành phần Bộ chọn biến thể.

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 dữ liệu 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 bên 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 thẻ 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/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

Q1 Làm thế nào để hiển thị 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ược điểm phổ biến: Trên trang Bộ sưu tập, "Tài nguyê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 cho thẻ sản phẩm, nó sẽ không thể lấy các thuộc tính riêng lẻ 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 lẻ cho từng thẻ. Bằng cách chọn "Tài nguyên gần nhất," khối sẽ "tìm lên trên" để lấy dữ liệu sản phẩm cụ thể được gán cho chính thẻ đó, đảm bảo hiển thị phân biệt.

Q2 Sự khác biệt giữa Metafield và Metaobject là gì?

Metafield là một thuộc tính tùy chỉnh được 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à một bản ghi dữ liệu độc lập, có thể tái sử dụng và không gắn vào bất kỳ sản phẩm hoặc bộ sưu tập cụ thể nào, 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ó thể 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 điền lại thông tin giống nhau trên từng sản phẩm. Sử dụng metafield cho dữ liệu cụ thể 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ề Metaobjects, xem "Kết nối Metaobjects trong Trình chỉnh sửa Giao diện OS 3.0."

Q3 Làm thế nào để hiển thị giá trị metafield cụ thể cho biến thể sản phẩm và cập nhật khi khách hàng chuyển đổi SKU?

Kết nối khối với một Metafield biến thể sản phẩm sử dụng chiều Sản phẩm gần nhất, và đảm bảo một thành phần Bộ chọn biến thể được bật trên trang hoặc phần đó. Xem "Hiển thị Metafields Biến thể Sản phẩm" ở trên để biết chi tiết đầy đủ. Hiện tại, chỉ hỗ trợ metafield dạng văn bản một dòng và nhiều dòng cho trường hợp sử dụng này.