Tận dụng khả năng tùy chỉnh của bạn bằng cách sử dụng các nguồn động và siêu trường dữ liệu

Trong một số trường hợp, bạn có thể cần hiển thị thông tin sản phẩm theo từng trường hợp cụ thể. Tính năng nguồn động của chủ đề Concept cho phép bạn tạo thông tin sản phẩm tùy chỉnh bằng cách sử dụng siêu trường dữ liệu, cung cấp giải pháp linh hoạt cho các thông số kỹ thuật sản phẩm độc đáo của bạn.

Hướng dẫn này sẽ đi sâu vào việc sử dụng các nguồn động và siêu trường dữ liệu để phát huy toàn bộ tiềm năng tùy chỉnh chủ đề của bạn.

Trên trang này

Thêm định nghĩa siêu trường mới

Điều kiện tiên quyết cần thiết: Trước khi áp dụng siêu trường dữ liệu tiêu chuẩn hoặc tùy chỉnh, hãy đảm bảo bạn đã xem lại hướng dẫn của Shopify về cách thêm định nghĩa siêu trường dữ liệu.

Để minh họa việc tạo siêu trường dữ liệu mới, hãy xem xét siêu trường dữ liệu Đặc điểm sản phẩm sẽ hiển thị bản tóm tắt phù hợp về các tính năng của sản phẩm.

Hãy làm theo các bước sau để thêm siêu trường 'Đặc điểm sản phẩm':

  1. Trên bảng điều khiển Quản trị Shopify > Cài đặt > Dữ liệu tùy chỉnh .

  2. Chọn phần của cửa hàng mà bạn muốn thêm trường mới vào. Ví dụ: chúng tôi thêm trường mới vào Sản phẩm .

  3. Sau khi chọn Sản phẩm, bạn nhấn vào nút Thêm định nghĩa ở góc trên bên phải.

  4. Trong hộp Thêm định nghĩa siêu trường sản phẩm, thiết lập thông tin chi tiết về siêu trường mới " Âm thanh " bao gồm:

    • Tên - Sound
    • Không gian tên và khóa - tech_specs.sound (bạn có thể giữ không gian tên và khóa mặc định dựa trên tên được chèn hoặc thay đổi nó)
    • Mô tả (tùy chọn) - chúng tôi thêm dòng mô tả 'Thêm thông tin chính để mô tả sản phẩm.'
    • Chọn loại nội dung - có nhiều loại nội dung khác nhau như văn bản dòng, số nguyên, ngày giờ, tệp, v.v. Trong ví dụ của chúng tôi, chúng tôi chọn Văn bản có định dạng .
    • Truy cập mặt tiền cửa hàng - tùy chọn

Gán giá trị siêu trường cho sản phẩm bằng cách kết nối nguồn động

Sau khi định nghĩa siêu trường dữ liệu mới được thiết lập, bước tiếp theo bao gồm việc gán các giá trị cụ thể cho siêu trường dữ liệu này cho từng sản phẩm. Ví dụ: để giới thiệu các đặc điểm chính của sản phẩm "Flow Harmony Liz", hãy làm theo các bước sau:

  1. Trên bảng điều khiển Quản trị Shopify > Sản phẩm > Chọn sản phẩm sẽ chứa thông tin được chỉ định.

    Chúng ta có thể tìm kiếm sản phẩm nhanh hơn trong danh sách bằng cách dán tên sản phẩm vào thanh Filter sản phẩm , sau đó click vào sản phẩm để mở cửa sổ chỉnh sửa.

  2. Từ đây, cuộn xuống phía dưới và nhấp vào nút Show All in the Metafield bar .
  3. Tiếp theo, tất cả các siêu trường hiện có đều có sẵn để chèn các giá trị. Theo yêu cầu mẫu, chúng tôi thêm một số thông tin chính vào trường " Âm thanh ", như hình ảnh bên dưới. Sau đó, nhấp vào Lưu .

  4. Bạn vào Cửa hàng trực tuyến > Chủ đề > chọn chủ đề Khái niệm và nhấp vào nút Tùy chỉnh của chủ đề.

  5. Chuyển đến mẫu Sản phẩm mặc định > Chọn sản phẩm (trong ví dụ này chúng tôi chọn sản phẩm 'Flow Harmony Liz') > Phần thông tin sản phẩm > Thêm khối > Khối hàng có thể thu gọn .

  6. Trong cấu hình hàng có thể thu gọn , bạn có thể thiết lập:

    • Biểu tượng
    • Phần mở đầu
    • Nội dung hàng
    • Hàng nội dung từ trang
  7. Để hiển thị thông tin khóa được thêm ở bước 3 cho khối này, bạn có thể xóa văn bản mặc định trong trường Nội dung hàng và nhấp vào Chèn biểu tượng nguồn động . Tiếp theo, chọn Âm thanh trong danh sách nguồn động.

  8. Kết quả là thông tin 'Âm thanh'' được chỉ định cho sản phẩm “Flow Harmony Liz” được hiển thị.

  9. Nhấn Lưu để hoàn tất.

Ghi chú:

  • Bạn cần lặp lại bước 3 cho các sản phẩm khác mà bạn muốn hiển thị thông tin được gán cho siêu trường dữ liệu mới tạo.
  • Để biết một phần hoặc khối có thể hỗ trợ siêu trường dữ liệu hay không, bạn kiểm tra xem nó có chèn biểu tượng nguồn động hay không. Nguồn động thường có sẵn cho các loại khối như văn bản và tab có thể thu gọn.

    • Nếu biểu tượng chèn nguồn động bên dưới hiển thị, bạn chỉ có thể kết nối một siêu trường dữ liệu.

    • Nếu biểu tượng chèn nguồn động có dấu cộng hiển thị, bạn có thể kết nối tối đa 20 siêu trường dữ liệu.

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ợ.