Cách hiển thị ảnh mockup cho các variant khác nhau
Với sản phẩm có nhiều variant màu, bạn có thể gán bao nhiêu mockup cũng được cho một variant cụ thể. Khi khách hàng chọn một variant trên store, gallery sẽ tự động cập nhật để hiển thị mockup tương ứng.
Mở phần gán mockup/ variant
- Trong mục Mockup, click Assign mockups.
- Khi chưa có assignment nào: popup
Assign mockupsmở ra. - Khi đã có assignment: popup
Mockup assignmentsmở ra.
- Bạn cũng có thể dùng tính năng này trong Product Base editor. Cách hoạt động giống nhau ở cả Product Base và Campaign editor.
Hãy đọc tiếp để tìm hiểu cách thiết lập tính năng này.
Tạo assignment mới
Trong popup Assign mockups, chọn các variant và mockup mà bạn muốn hiển thị cùng nhau.
- Select variants: tìm và chọn một hoặc nhiều variant;
- Select mockups: chọn một hoặc nhiều mockup trong lưới;
- Save: chỉ bật khi đã chọn ít nhất một variant và một mockup.
Bạn có thể dùng Select all hoặc Deselect all nếu cần.
Sau khi lưu, bạn sẽ được chuyển sang Mockup assignments.
Quản lý các assignment đã có
Mockup assignments được tổ chức theo đúng nhu cầu sử dụng của bạn:
- Nếu cần gán nhiều variant cho một mockup, hãy dùng Group by Mockup, rồi click Edit trên mockup đó để thêm hoặc bớt variant.
- Nếu cần gán nhiều mockup cho một variant, hãy dùng Group by Variant, rồi click Edit trên variant đó để chọn hoặc bỏ chọn mockup.
- Nếu cần gán nhiều mockup cho nhiều variant cùng lúc, hãy click Bulk assign để quay lại popup Assign mockups.
Thêm video vào sản phẩm
Video phải được import trước khi bạn có thể gán nó. Video được import từ link YouTube hoặc Vimeo, không phải upload lên từ file.
- Trong mục Mockup, click nút ... cạnh Upload và Import, rồi click Import video.
- Dán link YouTube hoặc Vimeo vào Video URL.
- Không bắt buộc: tại Custom Thumbnail, click Browse để upload ảnh thumbnail của riêng bạn. Để trống nếu muốn dùng thumbnail mặc định từ YouTube hoặc Vimeo.
- Click Import Video.
Video được thêm vào và xuất hiện trong gallery, nằm cạnh các mockup và có biểu tượng play.
- Bạn cũng có thể import video trong Product Base editor, từ cùng mục Mockup > ... > Import video.
Gán video cho variant
Video sau khi import được gán hệt như một mockup, trong cùng popup Assign mockups và Mockup assignments.
- Trong Assign mockups, video xuất hiện trong cùng lưới với mockup, có biểu tượng play, và được chọn theo cách giống nhau. Save sẽ bật khi đã chọn ít nhất một variant và ít nhất một mockup hoặc video.
- Trong Mockup assignments, video được liệt kê cạnh các mockup, kèm trạng thái gán riêng. Video chưa được gán cho variant nào sẽ hiển thị
Not assigned yet.
- Cả hai cách nhóm đều hoạt động với video: dùng Group by Mockup để thêm hoặc bớt variant cho một video, và dùng Group by Variant để chọn hoặc bỏ chọn các video hiển thị cho một variant.
Mockup đã gán hiển thị thế nào trên store
- Khi bật Show only the assigned images and videos of the selected variant, các mockup đã gán sẽ được hiển thị khi khách hàng chọn variant tương ứng. Nếu một variant không được gán mockup nào, toàn bộ mockup sẽ được hiển thị.
- Khi Campaign đồng bộ sang Shopify, mockup đã gán đầu tiên sẽ trở thành ảnh variant trên Shopify.
- Video được đồng bộ vào product media trên Shopify, nhưng không được gán cho variant nào trên Shopify. Việc lọc video theo variant chỉ diễn ra trong gallery của Teeinblue.
- Nếu một variant có video được gán nhưng không có mockup nào được gán, ảnh variant trên Shopify của nó sẽ để trống, và gallery của Teeinblue vẫn hiển thị các video đã gán cho variant đó.
Cập nhật vào: 27/10/2026
Cảm ơn!