Hướng dẫn product gallery in wordpress - thư viện sản phẩm trong wordpress
Tạo slider cho product gallery trong WooCommerce một cách đơn giản. Để tối giản thiết kế và làm nhẹ mã nguồn, nhiều WordPress theme có hỗ trợ WooCommerce khác, không được tích hợp sẵn tính năng slider cho thư viện ảnh của sản phẩm (product gallery). Điều này dẫn đến việc ảnh thumbnail của sản phẩm sẽ hiển thị hết ra ngoài, trông khá xấu, đặc biệt là trong trường hợp gallery của sản phẩm có nhiều ảnh. Để khắc phục nó, các bạn sẽ cần phải nhờ đến sự trợ giúp của một plugin có tên là Product Gallery Slider for WooCommerce. Tham khảo thêm:
Đối với theme ParadiseTính năng slider, lightbox và zoom đã được tích hợp sẵn trong Customizer của theme Paradise kể từ phiên bản 5.5.0 trở đi. Tất cả những gì các bạn cần làm là truy cập Appearance => Customize => Tối ưu trải nghiệm => Chuyển tính năng Bật lightbox và slider sang trạng thái Có. Lưu lại và tận hưởng kết quả.
Tạo slider cho product gallery và lightbox cho hình ảnh1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin Product Gallery Slider for WooCommerce (download). 2. Truy cập Codeixer => Gallery Settings. Tại đây, các bạn sẽ thấy 2 tab là General Options và Lightbox Options. Tab General OptionsCho phép các bạn thiết lập tính năng slider cho product gallery. Trong đó:
Click vào nút Save Changes để lưu lại và kiểm tra kết quả.
Tab Lightbox OptionsCho phép bạn thiết lập tính năng phóng to ảnh sản phẩm khi người dùng click chuột vào. Trong đó:
Click vào nút Save Changes để lưu lại và kiểm tra kết quả. Product gallery mặc định: Product gallery với slider: Tab Lightbox Options Cho phép bạn thiết lập tính năng phóng to ảnh sản phẩm khi người dùng click chuột vào. Image Caption: hiển thị caption (phụ đề) của hình ảnh. |