Show thumbnail gallery product in archive

Tính năng hiển thị gallery của sản phẩm ra bên ngoài sản phẩm, với hiệu ứng hover thay đổi ảnh.

Đây cũng là bài viết đầu tiên share code đến Anh Chị Em, trong thời gian tới sẽ chia sẻ nhiều tính năng hay ho cho website.

Hiện tại đang trong quá trình xây dựng nội dung nên em xin tắt comment, mọi thắc mắc có thể nhắn qua fanpage hoặc facebook em!

Thôi em xin phép đi thẳng vào vấn đề ạ!

Copy code sau vào file function.php của theme.

Tiếp tục viết vài dòng js để xử lý sự kiện khi hover vào thumbnail.

Nếu dùng flatsome : Flatsome > Advanced > copy code bên dưới bỏ vào footer script.

Những theme khác có thể hook vào footer như sau và bỏ vào function.php của theme.

 

Oke khá ngon rồi. Bây giờ style 1 tẹo cho nó nuột với code bên dưới. Bỏ zô style.css của theme.

Tuyệt vời ông mặt trời luôn rồi.

Thành quả của chúng ta! Để thay đổi vị trí hiển thị gallery bạn có thể tham khảo các hook khác

Nguồn : https://thietkewebgiarehcm.com/show-thumbnail-gallery-product-in-archive/

Nếu vẫn không thể làm được như trên, vui lòng gửi bình luận bên dưới, mình sẽ hồi đáp cho các bạn sớm nhất.

Trả lời

Google Ads Bảng giá Lý do nên chọn chúng tôi ? Quy trình quảng cáo Liên hệ nhận báo giá