Bảng tùy chọn với Metaobject và Metafield

Đơn giản hóa việc so sánh sản phẩm với bảng tùy chọn! Giao diện thân thiện với người dùng này cung cấp hình ảnh rõ ràng để dễ dàng so sánh, nâng cao niềm tin của khách hàng và có khả năng tăng chuyển đổi.

Siêu trường dữ liệu cung cấp tính linh hoạt vượt trội cho các tiêu chí so sánh, không giống như các tùy chọn sản phẩm ảnh hưởng đến tổ chức cửa hàng.

Metaobjects giữ thông tin sản phẩm có cấu trúc tốt. Ví dụ, hãy tưởng tượng một cửa hàng mỹ phẩm sử dụng một chiếc bàn để trưng bày các thành phần một cách rõ ràng. Metaobjects có thể lưu trữ dữ liệu này, đồng thời cho phép bạn thêm hình ảnh hoặc biểu tượng để có trải nghiệm người dùng trực quan hơn, như đã thấy trong bản demo ở trên.

Cách tiếp cận này hợp lý hóa việc thiết lập và đảm bảo tính nhất quán trên phạm vi sản phẩm của bạn

YÊU CẦU

Bạn phải có phiên bản Be Yours 7.2.0. hoặc sau đó .

BƯỚC

Đầu tiên, hãy thiết lập Metaobject.

1. Tạo một Metaobject mới

   1. Trong Bảng điều khiển dành cho quản trị viên > Cài đặt > Dữ liệu tùy chỉnh > Thêm định nghĩa trong định nghĩa Metaobject

      

      

   2. Cửa sổ metaobject yêu cầu phải hoàn thành ba trường cụ thể. Hãy làm theo các hướng dẫn dưới đây một cách cẩn thận.

      

      Lưu ý : Mặc dù ví dụ này tập trung vào mỹ phẩm có Metaobject "thành phần", bạn có thể tùy chỉnh 'Tên' và 'Mô tả' để phù hợp với thông tin sản phẩm cụ thể của mình.

      • Tên ^[1] - Common ingredients

      • Mô tả ^[2] - Common ingredients

      • 

      • Thêm trường ^[3] - Chọn Văn bản một dòng và Tệp

        • Văn bản một dòng : Hoàn thành ba hành động bắt buộc:

          

          • Bạn phải nhập chính xác từ Label vào trường Tên ^[1] để chức năng hoạt động chính xác.
          • Bật Sử dụng tên này làm tên hiển thị ^[2] .
          • Kích hoạt trường bắt buộc ^[3] nếu cần.

        • Tệp : Hoàn thành hai hành động bắt buộc:

          

          • Bạn phải nhập chính xác từ Icon vào trường Tên ^[1] để chức năng hoạt động chính xác.
          • Trong phần Chấp nhận loại tệp cụ thể , hãy chọn Chỉ hình ảnh ^[2] .

      • Sau đó nhấp vào Lưu để hoàn tất việc tạo Metaobject.

   3. Khi bạn tạo Metaobject, bạn sẽ thấy nó được liệt kê.

      

2. Thêm mục cho Metaobject

   1. Chuyển đến Bảng điều khiển dành cho quản trị viên > Nội dung ¹ > Metaobject ² > chọn Thành phần chung ³ > Thêm mục ⁴ .

      

      

   2. Chọn hình ảnh cho biểu tượng và nhập văn bản cho nhãn .

      

      Sau đó nhấp vào Lưu để hoàn tất việc thêm một mục.

      Để thêm các mục bổ sung, chỉ cần lặp lại các bước này.

   3. Ví dụ: chúng tôi đã gán 4 mục như hình ảnh bên dưới.

      

Thứ hai, thiết lập Metafield

1. Tạo một siêu trường dữ liệu mới

   1. Trong Bảng điều khiển dành cho quản trị viên > Cài đặt > Dữ liệu tùy chỉnh > Sản phẩm trong định nghĩa Metafield > Thêm định nghĩa

      

      

   2. Cửa sổ siêu trường dữ liệu yêu cầu phải hoàn thành ba trường cụ thể. Hãy làm theo các hướng dẫn dưới đây một cách cẩn thận.

      

      Lưu ý : Mặc dù ví dụ này tập trung vào mỹ phẩm có Metafield "thành phần", bạn có thể tùy chỉnh 'Tên' và 'Không gian tên và khóa' để phù hợp với thông tin sản phẩm cụ thể của mình.

      • Tên ^[1] - ingredients

      • Không gian tên và khóa ^[2] - custom.ingredients

      • 

      • Chọn loại ^[3]

        • Loại : Metaobject

        • Tham khảo : Thành phần thông dụng

        • Danh sách đầu vào

        

      • Sau đó bấm Lưu để hoàn tất việc tạo Metafield.

   3. Sau khi tạo Metafield, bạn sẽ thấy nó được liệt kê.

      

2. Gán giá trị cho Metafield

   Để minh họa, chúng tôi sẽ gán các giá trị Retinol và Hyaluronic Acid cho siêu dữ liệu của sản phẩm Kem dưỡng thể chống lão hóa .

   1. Vào Sản phẩm > Kem dưỡng thể chống lão hóa > tìm thành phần trong Metafield.

      

      

   2. Trong thành phần metafield, chọn [Retinol] và [Hyaluronic Acid].

      

   3. Sau đó nhấn Lưu để hoàn tất.

Cuối cùng thiết lập phần bảng Option

1. Bật phần bảng Option

   1. Trên trang Chủ đề, chọn chủ đề Be Yours và nhấp vào nút Tùy chỉnh của chủ đề.

      

   2. Trên Trang chủ (hoặc mẫu trang khác) > Nhóm phần mẫu > Thêm phần > Nhấp vào bảng Tùy chọn .

      

   3. Phần bảng Option này được hiển thị nổi bật trên website của bạn với phần giữ chỗ ngày tháng như trong hình bên dưới. Thêm tối đa 5 khối sản phẩm để giới thiệu các sản phẩm yêu thích của bạn.

      

2. Thiết lập phần bảng Option

   1. Thiết lập phần bảng Option

      

      • Để sử dụng Metafield, hãy nhập chính xác namespace và key của metafield trong tùy chọn Criteria .

        Để tạo bảng thủ công (không có siêu trường dữ liệu), hãy xem liên kết này. .

      • Ví dụ: chúng tôi nhập custom.ingredients ở đây.

        

   2. Thiết lập khối sản phẩm

      

      • Chọn một sản phẩm và chọn một hình ảnh tùy chỉnh mà bạn muốn hiển thị. Ví dụ: sản phẩm 'Kem dưỡng thể chống lão hóa'.

        

      • Phần này có thể chứa tối đa 5 sản phẩm. Trong ví dụ bên dưới, chúng tôi đang giới thiệu 4 sản phẩm.

        

      • Để hiển thị tối ưu, vui lòng đảm bảo tất cả hình ảnh sản phẩm đều có nền trong suốt .

Chúng tôi hy vọng bài viết này hữu ích. Nếu bạn có bất kỳ câu hỏi hoặc thắc mắc nào về tính năng này, vui lòng liên hệ với nhóm của chúng tôi để được hỗ trợ.