Shopify cho phép bạn thêm hình ảnh vào các tùy chọn sản phẩm để khách hàng có thể thấy từng lựa chọn trông như thế nào. Tuy nhiên, do Shopify quy định, bạn chỉ có thể liên kết một hình ảnh với một giá trị tùy chọn. Vì vậy, câu hỏi đặt ra là làm cách nào để có nhiều hình ảnh được liên kết với một tùy chọn?
Có một câu trả lời trong Concept , trong đó bạn có thể chỉ định một số hình ảnh nhất định cho một giá trị tùy chọn . Chức năng này đặc biệt phù hợp với tùy chọn màu sắc mà bạn hoàn toàn có thể sử dụng cho mục đích khác mà mình muốn.
Trên trang này
- Yêu cầu
- Chọn một sự lựa chọn
- Chỉnh sửa thẻ ALT của hình ảnh
- Đặt (hoặc giữ) văn bản thay thế của riêng tôi
Yêu cầu
Bài viết này nói về việc thiết lập trong chủ đề Concept .
Bạn phải tắt phương tiện Ẩn phương tiện của các biến thể khác sau khi chọn một biến thể . Tùy chọn này tương thích với hành vi gốc của Shopify - chỉ liên kết một hình ảnh với một giá trị tùy chọn.
Trong Concept , tùy chọn này có sẵn trong các phần sau:
- Phần sản phẩm nổi bật .
- Phần thông tin sản phẩm (trong trang sản phẩm.)
Chọn một tùy chọn bạn muốn
Xem sản phẩm của bạn trong trang quản trị và chọn tùy chọn bạn muốn để phân loại hình ảnh của mình.
Trong ví dụ bên dưới, tôi quyết định chọn Color . Sản phẩm Flow Harmony có sẵn các màu Tông vàng , Đen , Hạt dẻ , Xanh nước biển và Đỏ thẫm và tôi chỉ muốn hiển thị các hình ảnh tương ứng khi người dùng chọn một tùy chọn.
Chỉnh sửa thẻ ALT của hình ảnh
Bạn cần chỉnh sửa thẻ alt để chỉ định “tên tùy chọn và giá trị tùy chọn” mà hình ảnh thuộc về:
Di chuột vào hình ảnh và nhấp vào nút sáu chấm để mở thông tin của hình ảnh
Nhấp vào Thêm văn bản thay thế .
Sử dụng tên tùy chọn bạn chọn kết hợp với giá trị tùy chọn . Cú pháp ở đây rất quan trọng và phải theo thứ tự sau:
-
#(ký tự hashtag) -
option-name(chữ thường, thay thế tất cả khoảng trắng bằng dấu gạch nối) -
_(ký tự gạch dưới) -
option-value(chữ thường, thay thế tất cả khoảng trắng bằng dấu gạch nối)
Ví dụ: nếu tôi chọn tùy chọn Màu và tôi muốn liên kết một hình ảnh với màu Tông vàng thì văn bản thay thế phải là
#color_gold-tone-
Nhấp vào Lưu văn bản thay thế để lưu thay đổi.
Thực hiện quá trình tương tự cho các hình ảnh khác.
Đặt (hoặc giữ) văn bản thay thế của riêng tôi
Điều gì sẽ xảy ra nếu tôi muốn đặt (hoặc giữ) alt của riêng mình để sử dụng cho mục đích SEO? Chỉ cần thêm bất cứ thứ gì vào trường alt trước ký tự # , như sau:
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ợ.
"