Tôi có thể có nhiều hình ảnh liên kết với một tùy chọn không?

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 Be Yours, 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 việc 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. Các bước: Yêu cầu Hãy là của bạn 4.0.0 trở lên 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 Be Yours, 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 (trên trang sản phẩm) Phần thông tin sản phẩm (theo phương thức sản phẩm) Chọn một tùy chọ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 của tôi có các màu Trắng , Lúa mì và Đen 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 giá trị 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 Trong hộp văn bản Alt , nhập văn bản thay thế bằ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 hình ảnh với màu Đen thì văn bản thay thế phải là #color_black Ghi chú: Từ phiên bản Be Yours 7.2.0 , chúng tôi hỗ trợ nhiều ngôn ngữ trong tính năng hình ảnh nhiều tùy chọn của mình. Hãy xem ví dụ dưới đây cho tiếng Anh và tiếng Pháp. Tên tùy chọn là 'Color' bằng tiếng Anh và 'Couleur' bằng tiếng Pháp, giá trị tùy chọn là 'Black' bằng tiếng Anh và 'Noire' bằng tiếng Pháp. Sau khi click vào ảnh muốn thêm văn bản ALT thì đặt văn bản ALT: #en:color_black,fr:couleur_noire Đây là cách thực hiện: Bao gồm mã ngôn ngữ : Thêm mã ngôn ngữ, theo sau là dấu hai chấm (:), trước mỗi tên màu. Phân tách từng cặp ngôn ngữ bằng dấu phẩy: Phân tách từng cặp ngôn ngữ bằng dấu phẩy (,). Điều này sẽ cho biết sự kết thúc của một cặp ngôn ngữ và sự bắt đầu của cặp ngôn ngữ tiếp theo. Bấm Lưu để lưu thay đổi Thực hiện 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 biết rằng hầu hết khách hàng đều quan tâm đến SEO và bạn sẽ có thể cải thiện hiệu quả SEO của mình bằng cách thêm thẻ alt vào tất cả hình ảnh theo hướng dẫn ở trên. SEO: Trình tối ưu hóa hình ảnh Tốc độ trang của AVADA là một ứng dụng được khuyên dùng cho SEO hình ảnh để giúp bạn xếp hạng cao hơn đối thủ cạnh tranh trong kết quả tìm kiếm. Ứng dụng này thúc đẩy SEO của bạn một cách dễ dàng bằng cách tự động hóa bằng cách: Tối ưu hóa hình ảnh ALT/thẻ meta/JSON-LD để thân thiện với Google Tìm kiếm. Tối ưu hóa kích thước hình ảnh mà không làm giảm chất lượng để tăng tốc trang web của bạn. >> Tìm hiểu thêm về SEO: Tốc độ trang tối ưu hóa hình ảnh ngay hôm nay! * Các hình ảnh chỉ được sử dụng cho mục đích trình diễn sản phẩm phi thương mại và chỉ nhằm mục đích sử dụng trong tài liệu hướng dẫn chủ đề Be Yours. Cần hỗ trợ thêm Nếu bạn gặp bất kỳ vấn đề nào hoặc cần trợ giúp thêm với chủ đề BeYours của mình, vui lòng liên hệ với bộ phận hỗ trợ của chúng tôi thông qua Hệ thống vé của chúng tôi để được hỗ trợ trong vòng 8 giờ. Quét mã QR bên dưới để tham gia cộng đồng WhatsApp của chúng tôi để biết thông tin cập nhật, tin tức và thông báo.