Apps / Combined Listings Swatch
Mẫu màu trực quan cho các biến thể Shopify và sản phẩm kết hợp.
Hiển thị các tùy chọn sản phẩm dưới dạng bộ chọn hình ảnh, màu sắc, thẻ, nút hoặc văn bản và liên kết các sản phẩm riêng biệt thành một bộ chọn trực quan. Hoạt động trên các trang sản phẩm, thẻ sưu tập và xem nhanh.
Màu sắccây xô thơm
Kiểu bộ chọn
Chọn bộ chọn phù hợp cho mỗi tùy chọn.
Màu sắc thuộc về một swatch màu. Kích thước hiếm khi làm được. Đặt kiểu cho mỗi tùy chọn và trên mỗi bề mặt thay vì chấp nhận một giao diện chung.
- Swatch hình ảnhẢnh riêng của biến thể, ở bất kỳ bán kính nào — hình tròn, hình tròn hoặc hình vuông.
- Bo gócCác giá trị giống nhau, các góc ở 10px.
- Hình vuôngCác giá trị giống nhau, các góc ở 2px.
- Swatch tùy chỉnhÔ màu hoặc họa tiết được tải lên, trong đó ảnh không phải là tín hiệu rõ ràng nhất.
- Thẻ swatchTên hình ảnh và giá trị cùng nhau, dành cho các phạm vi mà nhãn mang trọng số.
- NútBộ cố định ngắn - kích thước, chiều dài, số lượng. Giá trị bán hết sẽ được hiển thị thay vì bị ẩn.
- Thả xuốngMột menu trong đó một menu phù hợp, được tạo kiểu để phù hợp với phần còn lại của bộ chọn. Hiển thị mở.
- ẨnBộ chọn bị ẩn trên một bề mặt, dành cho các tùy chọn nội bộ không đến tay người mua hàng. Không có gì hiển thị - đó là cài đặt đang hoạt động.
- Không có bộ chọn nào được hiển thị
Mỗi trang sản phẩm và thẻ bộ sưu tập đều có phong cách riêng, do đó, một hàng mẫu nhỏ gọn trên lưới có thể nằm cạnh bộ chọn đầy đủ trên trang sản phẩm. Tùy chỉnh swatch
Sản phẩm liên kết
Liên kết các sản phẩm riêng biệt vào một bộ chọn.
Nhiều danh mục giữ mỗi đường màu như một sản phẩm Shopify riêng, dành cho chụp ảnh, kiểm kê, SEO hoặc trần 100 biến thể. Một nhóm sản phẩm kết nối các sản phẩm đó để mọi đường màu xuất hiện trong một bộ chọn, trên mọi sản phẩm trong nhóm.
Năm sản phẩm riêng biệt, một bộ chọn
- URL riêng
- Mỗi sản phẩm có trang, hình ảnh, giá cả và hàng tồn kho riêng.
- Có thể đảo ngược
- Không có gì được hợp nhất, đổi tên hoặc xóa. Xóa nhóm và danh mục vẫn chính xác như cũ.
- Mọi gói Shopify
- Có sẵn trên mọi gói Shopify, không giống như Danh sách kết hợp của chính Shopify.
- Mọi chiều lựa chọn
- Nhóm theo bất kỳ điểm chung nào của sản phẩm: màu sắc, chất liệu, chiều dài, mùi hương, kích thước gói.
Trang sưu tập và xem nhanh
Hiển thị các tùy chọn trước khi người mua hàng cam kết nhấp chuột.
Người mua hàng quét lưới bộ sưu tập không thể biết sản phẩm nào có màu họ muốn. Các mẫu trên thẻ trả lời câu trả lời đó trong chính lưới.
Chore Jacket — Persimmon
Chore Jacket — Cobalt
- Thẻ sản phẩm trong bộ sưu tập
- Một hàng mẫu nhỏ gọn trên thẻ, với cài đặt kiểu riêng.
- Thêm nhanh và xem nhanh
- Phương thức của giao diện có bộ chọn đầy đủ và thêm vào giỏ hàng.
- Thư viện sản phẩm
- Việc chuyển đổi một swatch màu có thể lọc thư viện theo phương tiện của biến thể đó.
Thiết lập
Ba bước, trong quản trị viên và trình chỉnh sửa giao diện.
Thiết lập tiêu chuẩn không cần Liquid và không cần thay đổi mã đối với giao diện.
- 01
Cài đặt từ Cửa hàng ứng dụng Shopify
Ứng dụng sẽ phát hiện giao diện đang hoạt động và tải cấu hình được kiểm tra cho giao diện đó hoặc cấu hình chung nếu giao diện không phải là một trong 24 giao diện.
- 02
Kích hoạt các khối trong trình chỉnh sửa giao diện
Thêm khối swatch màu vào vị trí bộ chọn biến thể trên trang sản phẩm và trên thẻ bộ sưu tập nếu bạn muốn các swatch màu trong lưới.
- 03
Chọn một phong cách cho mỗi tùy chọn
Đặt hình ảnh, màu sắc, thẻ, nút, thả xuống hoặc ẩn cho từng tùy chọn, đặt hành vi hết hàng, sau đó tạo nhóm sản phẩm cho các phạm vi hoạt động dưới dạng sản phẩm riêng biệt.
Đánh dấu giao diện khác nhau. Nếu vị trí tự động cần điều chỉnh, hãy gửi URL cửa hàng và bộ phận hỗ trợ sẽ xem xét.
Tài liệu
- Giá
- Miễn phí cài đặt
- Gói Shopify
- Mọi gói, Plus không bắt buộc
- Giao diện đã thiết lập
- Đã thử nghiệm 24, cộng với cấu hình Cửa hàng trực tuyến 2.0 chung
- Trợ giúp thiết lập
- support@awecommerce.net
Mọi thứ ứng dụng làm
- Mẫu hình ảnh từ các bức ảnh biến thể
- Mẫu màu hiển thị sản phẩm thực, không có thư viện tài sản riêng để duy trì
- Mẫu màu và kết cấu tùy chỉnh
- Một hàng mẫu nhất quán ngay cả khi ảnh chụp sản phẩm thay đổi
- Thẻ swatch
- Tên tùy chọn vẫn dễ đọc khi chỉ có màu sắc là mơ hồ
- Bộ chọn nút
- Kích thước và bộ tùy chọn ngắn chỉ cách một lần nhấn
- Bộ chọn thả xuống
- Một menu trong đó một menu thực sự tốt hơn, phù hợp với phong cách của người chọn
- Ẩn bộ chọn
- Các tùy chọn nội bộ hoặc không liên quan không bao giờ đến được cửa hàng
- Phong cách riêng biệt trên mỗi bề mặt
- Một hàng nhỏ gọn trên thẻ bộ sưu tập, một bộ chọn đầy đủ trên trang sản phẩm
- Nhóm sản phẩm
- Các sản phẩm riêng biệt hoạt động như một phạm vi, trên mọi gói Shopify
- Swatch trên thẻ sản phẩm
- Người mua hàng có thể xem các màu có sẵn mà không cần mở từng sản phẩm
- Thêm nhanh và xem nhanh
- Bộ chọn hoạt động bên trong phương thức của giao diện, không chỉ trên trang sản phẩm
- Hiển thị hết hàng
- Để nguyên, gạch bỏ, chuyển sang màu xám hoặc ẩn - bán hết được hiểu là đã bán hết
- Chú giải công cụ có văn bản, hình ảnh hoặc cả hai
- Tên tùy chọn vẫn có thể được khám phá trên các swatch màu nhỏ
- Nhãn giá trị được chọn
- Phương án đã chọn được thể hiện bằng lời chứ không chỉ ngụ ý bằng một chiếc nhẫn
- Bộ lọc biến thể thư viện
- Việc chuyển đổi một swatch màu sẽ cập nhật thư viện thành phương tiện của biến thể đó
- Trường CSS tùy chỉnh
- Nhà phát triển có thể hoàn thành chặng cuối mà không cần thay đổi mã từ AWE
Câu hỏi
Giải đáp trước khi cài đặt.
Ứng dụng hỗ trợ những giao diện Shopify nào?
Ứng dụng cung cấp các cấu hình đã thử nghiệm cho 24 giao diện Shopify, bao gồm Dawn, Horizon, Craft, Refresh, Studio và Taste, cùng với cấu hình chung bao gồm các giao diện khác của Cửa hàng trực tuyến 2.0. Nếu vị trí cần điều chỉnh về giao diện của bạn, bộ phận hỗ trợ sẽ xem xét quá trình thiết lập.
Tôi có cần chỉnh sửa mã giao diện không?
Không. Thiết lập tiêu chuẩn được thực hiện trong ứng dụng và trình chỉnh sửa giao diện mà không cần viết Liquid. Trường CSS tùy chỉnh có sẵn nếu nhà phát triển muốn tinh chỉnh giao diện.
Tôi có thể hiển thị các swatch màu trên các trang bộ sưu tập không?
Vâng. Thẻ bộ sưu tập có thể hiển thị một hàng mẫu nhỏ gọn với cài đặt kiểu riêng để người mua hàng nhìn thấy các màu có sẵn trong khi quét lưới thay vì mở từng sản phẩm.
Tôi có thể sử dụng hình ảnh biến thể thực thay vì chấm màu không?
Vâng. Mẫu hình ảnh sử dụng ảnh sản phẩm của chính biến thể. Bạn cũng có thể tải lên các ô xếp màu hoặc họa tiết tùy chỉnh hoặc sử dụng thẻ mẫu ghép hình ảnh với tên tùy chọn.
Tôi có thể nhóm các sản phẩm riêng biệt mà không cần Shopify Plus không?
Vâng. Nhóm sản phẩm liên kết các sản phẩm liên quan vào một bộ chọn trên bất kỳ gói Shopify nào. Mỗi sản phẩm có trang, hình ảnh, giá cả và hàng tồn kho riêng. Danh sách kết hợp gốc của Shopify được giới hạn ở Plus; đây không phải là
Ứng dụng này có miễn phí không?
Swatch Danh sách Kết hợp AWE được cài đặt miễn phí. Chi tiết gói hiện tại có trên danh sách Cửa hàng ứng dụng Shopify.
Các lựa chọn đã bán hết được xử lý như thế nào?
Chọn theo cửa hàng: giữ nguyên tùy chọn, gạch bỏ, tô xám hoặc ẩn tùy chọn đó. Người mua hàng có thể biết lựa chọn không có sẵn trong số những lựa chọn mà họ có thể mua ngay bây giờ.
Nó có hoạt động với mẫu siêu trường danh mục của Shopify không?
Ứng dụng có thể hiển thị các giá trị tùy chọn cho dù bạn có sử dụng siêu trường dữ liệu danh mục của Shopify hay không, đồng thời bổ sung các kiểu, bề mặt và nhóm sản phẩm mà riêng siêu trường dữ liệu không bao gồm.
Nó có làm chậm cửa hàng của tôi không?
Tập lệnh swatch chỉ chạy trên các trang cần nó và đọc dữ liệu tùy chọn mà trang đã mang theo. Bộ lọc thư viện và chú giải công cụ được chọn tham gia, do đó, một tính năng không được sử dụng sẽ không mất phí.
Điều gì xảy ra nếu tôi gỡ cài đặt?
Các swatch màu ngừng hiển thị và bộ chọn biến thể của giao diện sẽ quay trở lại. Sản phẩm, mẫu mã, hình ảnh, giá cả và hàng tồn kho không thay đổi vì ứng dụng không bao giờ viết lại danh mục.
Đặt toàn bộ phạm vi vào một bộ chọn.
Cài đặt miễn phí, đặt kiểu bộ chọn cho mỗi tùy chọn và nhóm các sản phẩm thuộc về nhau.
Miễn phí cài đặt trên mọi gói Shopify. Không có chất lỏng để ghi cho thiết lập tiêu chuẩn.