Thêm icon sale , hot ... lên trên ảnh sản phẩm

Một số sản phẩm sale của website, để làm nổi bật thì chúng ta thường gắn lên trên ô sản phẩm mấy cái icon Sale

Cách làm như sau

1. Chuẩn bị sẵn 1 ảnh png hoặc gif trong suốt, bay nhảy tùy ý các bạn, vào phần soạn thảo bất kỳ trên web để up lên

Mình copy dc cái /files/assets/sale64.png mà mình vừa up ( của các bạn sẽ khác tùy vào tên file)

2. Vào bố cục chức năng và sửa chức năng sản phẩm muốn hiện icon này

lick vào nhãn Logic 1 ở điều kiện truy vấn để sửa thành sale, sau đó reload lại web, thêm code html vào trên ảnh sản phẩm, chọn điều kiện truy vấn là sale, nhập mã HTML sau để hiển thị cái ảnh , thay đường đẫn "/files/assets/sale64.png" bằng đường dẫn ảnh của bạn

<img src="/files/assets/sale64.png" style=" position:absolute; left:0px; top:0px" />

3. Vào sản phẩm, toàn bộ, tìm đến sản phẩm trong chức năng đó mà bạn muốn hiển thị, tích vào ô sale

Đến đây là ảnh sale đã hiển thị trên chức năng sản phẩm của các bạn, các bạn có thể thêm nhiều ảnh, hay dùng html tùy ý các bạn