Tuỳ chọn Danh sách lựa chọn cho phép khách hàng chọn từ một danh sách các lựa chọn có tên do chính bạn nhập, chẳng hạn Có / Không, Gói quà / Không gói quà, hoặc vài tên kiểu dáng. Tuỳ chọn này thay thế Ô mẫu bổ sung ở các phiên bản trước: các lựa chọn được nhập thẳng vào tuỳ chọn thay vì đọc từ các thư mục Tài nguyên.

Giống Ô đánh dấu, Danh sách lựa chọn không có lớp nào trên bản xem trước sản phẩm. Nhiệm vụ của nó là ghi lại lựa chọn của khách, tính thêm phí nếu cần, và điều khiển Điều kiện của các tuỳ chọn khác để chúng chỉ hiện khi cần.

Để thêm, vào Bộ tuỳ chọn ở thanh bên, mở bộ tuỳ chọn của sản phẩm, bấm Thêm tuỳ chọn, chọn Danh sách lựa chọn trong mục Thành phần biểu mẫu, rồi bấm Thêm.

Bộ tuỳ chọn trên thanh bên của trang quản trị Shopify
Nút Thêm tuỳ chọn trong trình chỉnh sửa bộ tuỳ chọn
Hộp thoại Thêm tuỳ chọn với Danh sách lựa chọn được chọn trong mục Thành phần biểu mẫu

Nội dung

Phần Nội dung chứa câu hỏi, các lựa chọn và cách hiển thị chúng.

  • Nhãn: câu hỏi hiển thị phía trên các lựa chọn, mặc định là "Danh sách lựa chọn"
  • Văn bản hướng dẫn: phần hướng dẫn tuỳ chọn hiển thị bên dưới nhãn
  • Bắt buộc: khách hàng phải chọn một lựa chọn mới có thể thêm sản phẩm vào giỏ hàng
  • Các lựa chọn: bấm Thêm lựa chọn để tạo lựa chọn đầu tiên, sau đó bấm Thêm giá trị tuỳ chọn cho từng lựa chọn tiếp theo. Nhập tên cho mỗi lựa chọn, kéo tay cầm để sắp xếp lại thứ tự, hoặc bấm biểu tượng thùng rác để xoá.
  • Gắn biến thể tuỳ chọn thêm: biểu tượng thẻ bên cạnh mỗi lựa chọn mở bộ chọn sản phẩm của Shopify, để bạn liên kết một biến thể của sản phẩm bán kèm, sẽ được tính phí khi khách chọn lựa chọn đó
  • Giá trị mặc định: lựa chọn được chọn sẵn khi trang sản phẩm mở ra, mặc định là Không có
Phần Nội dung với nhãn Thêm tên tuỳ chỉnh không?, Bắt buộc được bật và hai lựa chọn Có và Không

Một lựa chọn hay nhiều lựa chọn

Cho phép chọn nhiều được bật sẵn theo mặc định, nên khách có thể chọn nhiều hơn một lựa chọn. Khi tuỳ chọn này đang bật, Tối thiểu và Tối đa quy định khách phải chọn ít nhất và được chọn nhiều nhất bao nhiêu lựa chọn.

Hãy tắt tuỳ chọn này khi khách chỉ được chọn đúng một lựa chọn, như câu hỏi Có / Không. Khi đó các ô tối thiểu và tối đa sẽ biến mất.

Cho phép chọn nhiều đã tắt, với Kiểu hiển thị cho thấy Nút chọn (radio), Nút bấm và Danh sách thả xuống

Kiểu hiển thị quyết định cách các lựa chọn xuất hiện trên trang sản phẩm:

  • Hộp kiểm (nhiều lựa chọn) hoặc Nút chọn (radio) (một lựa chọn): danh sách có ô vuông hoặc nút tròn bên cạnh mỗi lựa chọn
  • Nút bấm: mỗi lựa chọn là một nút để khách bấm vào
  • Danh sách thả xuống: một menu chọn mở ra khi bấm vào
Kiểu hiển thị đặt là Nút bấm, với Có và Không hiển thị dưới dạng nút trong bản xem trước
Kiểu hiển thị đặt là Danh sách thả xuống, với menu Chọn... trong bản xem trước

Kết hợp với Điều kiện

Một thiết lập phổ biến là câu hỏi Có / Không chỉ hiện một tuỳ chọn khác khi khách trả lời Có. Trong ví dụ này, bộ tuỳ chọn hỏi "Thêm tên tuỳ chỉnh không?", và ô nhập tên (Nhập văn bản của bạn) chỉ xuất hiện sau khi khách chọn Có.

Mở tuỳ chọn bạn muốn điều khiển, mở rộng phần Điều kiện của nó và bấm Sửa. Bấm Thêm điều kiện, rồi chọn Danh sách lựa chọn của bạn trong danh sách tuỳ chọn, nơi nó nằm dưới mục Tuỳ chọn, phía trên các tuỳ chọn biến thể Shopify như Màu sắc và Kích cỡ.

Hộp thoại Sửa điều kiện với danh sách tuỳ chọn đang mở và Danh sách lựa chọn Thêm tên tuỳ chỉnh không? được tô sáng

Tiếp theo, đánh dấu lựa chọn sẽ làm hiện tuỳ chọn, ở đây là Có, rồi bấm Lưu trong hộp thoại. Nếu bạn không đánh dấu lựa chọn nào, lựa chọn nào cũng khớp.

Có được đánh dấu là giá trị làm hiện tuỳ chọn

Từ giờ tuỳ chọn được điều khiển sẽ ẩn trên trang sản phẩm cho đến khi khách chọn đúng lựa chọn tương ứng, lúc đó nó tự động hiện ra.

Bản xem trước chỉ có câu hỏi Thêm tên tuỳ chỉnh không?, ô nhập tên đang bị ẩn
Đã chọn Có trong bản xem trước, nên Nhập văn bản của bạn cùng các tuỳ chọn phông chữ và màu sắc hiện ra

Danh sách lựa chọn cũng có phần Điều kiện riêng, nên bản thân câu hỏi có thể được hiện hoặc ẩn dựa trên một lựa chọn khác trong bộ tuỳ chọn.

Cập nhật ngày: 17/10/2026