[Code hay flatsome]Hướng dẫn Infinite Scroll, kéo sản phẩm vô cực trong Woocommerce

Hướng dẫn Infinite Scroll, kéo sản phẩm vô cực trong Woocommerce

Cái này thực sự rất mới, tính đến bản ngày 29/5/2020 thì nó mới được biết đến cách đó 2 phiên bản. Dành cho các bác không biết, còn các bác biết rồi thì có thể không cần đọc và đừng comment kiểu như ta đây biết rồi nhé.

Thông tin chi tiết:

Chính xác là bản 3.11 phát hành ngày 21/4/2020

--- 3.11.1 (21.04.20) ---
Security release!
This release contains a fix to harden security, we encourage you to update your sites as soon as possible.

NEW: WooCommerce 4.1 compatibility.

FIXED: Improved security in UX Builder.
FIXED: Custom portfolio slug in site map.
FIXED: Wishlist button on infinite scroll items.
FIXED: Review pagination when having extra tabs.
FIXED: Account icon live refresh in mobile preview.
FIXED: Equalize items for cross-sells after cart update.
FIXED: Slider: banner background video playback if placed in row.
FIXED: Various CSS improvements.

TWEAK: Improved rating stars alignment.
TWEAK: Product thumbnail reset when hidden by variation selection.

UPDATED: Spanish translation (Posted on).

Mình viết hướng dẫn ở đây mục đích chính là chia sẻ cho các anh em đang vọc hoặc tập tành làm web flatsome. Vì với nhiều tính năng ẩn hoặc các bạn không để ý đến. Biết đâu đấy lại là tính năng bạn đang cần.

Hiện tại Flatsome đang có sẵn tính năng Woocommerce infinite Scroll tức kéo vô cực sản phẩm. Kéo đến khi hết sản phẩm thì thôi. Nó thay tính năng loadmore hay xem thêm hoặc có thể là thay thế luôn kiểu phân trang (pagination).

infinite scroll flatsome hướng dẫn 2
infinite scroll flatsome hướng dẫn 2

Các bạn có thể xem hướng dẫn như hình trên hoặc thực hiện theo thứ tự sau.

  1. Đăng nhập vào wordpress, chọn flatsome,
  2. Chọn tab advanced, kéo xuống chọn infinite Scroll
  3. Tích vào ô infinite scroll category/product.
  4. Các bạn có thể sử dụng thêm tùy chọn thay thể hình ảnh spin (xoay vòng) khi tải ở bước 4 nếu có sẵn một file gif. Tùy theo cách sáng tạo của bạn. Nếu không dùng, thì khi load, mặc định sẽ không có spin gì.
  5. Đã hoàn thành, tận hưởng nó thôi nào.

Khi bạn làm xong, giao diện của nó sẽ như này.

Hình ảnh mặc định Infinite Scroll flatsome khi bạn chưa thêm ảnh gif ở bước 4. Phần này nó sẽ tự động thay thế phân trang cho danh mục sản phẩm của bạn.
Hình ảnh mặc định Infinite Scroll flatsome khi bạn chưa thêm ảnh gif ở bước 4. Phần này nó sẽ tự động thay thế phân trang cho danh mục sản phẩm của bạn.

Chúc các bạn thành công.

Leave a Reply

avatar
  Subscribe  
Notify of
Hotline: 0974.0707.83(Zalo/Viber)