Image Zoom Pro cho WooCommerce

Linh Dinh March 20, 2024 No Comments

Image Zoom Pro cho WooCommerce cung cấp các công cụ có thể giúp người dùng xem hình ảnh sản phẩm và hình ảnh thư viện sản phẩm rõ hơn.

Cài đặt

1. Tải về image-zoom-pro -for-woocommerce.zip file từ tài khoản WooCommerce của bạn .

2. Go to: WordPress Admin > Plugins > Add New Upload Plugin với file bạn đã tải về bằng Choose File .

3. Install Now Activate tiện ích mở rộng.

Thông tin thêm tại: Cài đặt và Kích hoạt Plugins/Tiện ích mở rộng .

Tính năng

1. Các loại Image Zoom

Ngoài Image Zoom mặc định được cung cấp bởi WooCommerce, bạn có thể chọn giữa,

Zoom cửa sổ

Trong chế độ Phóng to cửa sổ, vùng phóng to của hình ảnh sẽ được hiển thị trong một cửa sổ riêng khi người dùng di chuyển chuột qua hình ảnh.

Zoom kính lúp

Trong chế độ Zoom Window, hình ảnh phóng to sẽ được hiển thị bên trong một kính lúp khi người dùng di chuyển chuột qua hình ảnh.

2. Các loại ống kính

Tròn

Với ống kính tròn, vùng phóng to sẽ được hiển thị bên trong một vòng tròn.

Vuông

Với ống kính vuông, vùng phóng to sẽ được hiển thị bên trong một hình vuông.

. Phóng to bằng bánh xe chuột

Người dùng có thể phóng to hình ảnh bằng bánh xe chuột. Tính năng này có thể tắt nếu muốn.

Cài đặt và cấu hình

Chung

  • Để kích hoạt plugin này, điều hướng đến WooCommerce > Settings > Image Zoom Pro > General và chọn ô kiểm Enable Image Zoom Pro .
  • Để kích hoạt phóng to cho các thiết bị di động, chọn ô kiểm Enable Image Zoom Pro for Mobile Devices .
Nội dung liên quan:  Đăng nhập bằng sinh trắc học cho WooCommerce

Cài đặt Zoom

  • Trong Zoom Type for Desktop tùy chọn, chọn Window Zoom để hiển thị hiệu ứng phóng to trong một cửa sổ riêng biệt sẽ được hiển thị ngoài hình ảnh sản phẩm gốc. Chọn Lens Zoom để hiển thị hiệu ứng phóng to trong một ống kính sẽ được hiển thị bên trong hình ảnh sản phẩm gốc.
  • Trong Zoom Type for Mobile Devices tùy chọn, chọn Window Zoom hoặc Lens Zoom để hiển thị hiệu ứng phóng to trên thiết bị di động.
  • Trong Lens Type tùy chọn, chọn nếu bạn muốn hiển thị ống kính theo hình Round hoặc hình Square .
  • Đặt kích thước của ống kính trong Lens Size trường. Kích thước phải được đưa ra bằng pixel.
  • Nếu bạn muốn tạo một hiệu ứng mờ trong khi hiển thị ống kính, trong Lens FadeIn Speed tùy chọn, đặt tốc độ hiệu ứng mờ. Tốc độ hiệu ứng mờ cần được đưa ra bằng mili giây. Nếu 0 được nhập, hiệu ứng phóng to sẽ không hoạt động.
  • Trong Mouse Pointer tùy chọn, chọn con trỏ chuột để được sử dụng.
  • Nếu bạn muốn tạo hiệu ứng phóng to sâu hơn khi sử dụng bánh xe chuột, hãy chọn Enable Mouse Wheel Zoom tùy chọn.
  • Nếu bạn muốn plugin này hoạt động dựa trên độ nhạy của thiết bị, hãy chọn Enable Responsiveness tùy chọn.
  • Trong khi một hình ảnh được phóng to, nó sẽ được hiển thị theo một mô hình tuyến tính sẽ làm chậm thời gian hoạt động. Để bắt đầu hoạt động nhanh hơn, chọn tùy chọn Enable Easing Effect .
  • Đặt thời lượng cho hiệu ứng giảm nhẹ trong tùy chọn Easing Duration . Thời lượng cần được cung cấp bằng mili giây.
  • Đặt kích thước viền cho cửa sổ/ống kính trong tùy chọn Zoom Border Size . Kích thước phải được đưa ra bằng pixel.
  • Đặt màu viền cho cửa sổ/ống kính trong tùy chọn Zoom Border Color .
  • Dành cho loại Window Zoom , đặt chiều rộng của cửa sổ trong tùy chọn Chiều rộng cửa sổ Zoom và chiều cao của cửa sổ trong tùy chọn Zoom Window Height . Kích thước phải được đưa ra bằng pixel.
  • Theo mặc định, sẽ không có khoảng cách nào giữa viền của hình ảnh gốc và viền của cửa sổ phóng to. Đặt khoảng cách của cửa sổ phóng to từ hình ảnh thông qua trục X trong tùy chọn Zoom Window Offset X . và đặt khoảng cách của cửa sổ phóng to từ hình ảnh thông qua trục Y trong tùy chọn Zoom Window Offset Y .
  • Đặt vị trí cửa sổ cho máy tính để bàn trong tùy chọn Zoom Window Position for Desktop và vị trí cửa sổ cho thiết bị di động trong tùy chọn Zoom Window Position for Mobile Devices .
  • Note: Không phải tất cả các chủ đề đều hỗ trợ tất cả các vị trí. Nếu cửa sổ phóng to không hiển thị đúng trong một vị trí, hãy thử chuyển đổi sang vị trí khác.
  • Nếu bạn muốn tạo hiệu ứng mờ cho cửa sổ phóng to, thì trong tùy chọn Zoom Window FadeIn Speed , đặt tốc độ hiệu ứng mờ. Tốc độ hiệu ứng mờ phải được đưa ra bằng mili giây. Nếu 0 đã nhập thì hiệu ứng mờ sẽ không hoạt động.
  • Nếu bạn muốn tạo hiệu ứng mờ hoặc bóng trong hình ảnh gốc ngoài khu vực được áp dụng hiệu ứng phóng to, hãy chọn tùy chọn Enable Tint Effect .
  • Đặt màu để được đưa vào khu vực đã áp dụng hiệu ứng mờ tại tùy chọn Tint Color .
  • Đặt độ trong suốt cho khu vực đã áp dụng hiệu ứng mờ tại tùy chọn Tint Opacity . Độ trong suốt phải được đưa ra giữa 0 đến 1.
  • Nếu bạn muốn tạo hiệu ứng mờ cho khu vực đã áp dụng hiệu ứng mờ, thì trong tùy chọn Tint FadeIn Speed , đặt tốc độ hiệu ứng mờ. Tốc độ hiệu ứng mờ phải được đưa ra bằng mili giây. Nếu 0 đã nhập thì hiệu ứng mờ sẽ không hoạt động.
  • Trong loại Lens Zoom , nếu bạn muốn giữ ống kính trong hình ảnh gốc, hãy chọn tùy chọn Contain Lens Inside the Image . Nếu được chọn, ống kính sẽ không rơi ra ngoài hình ảnh gốc.
Nội dung liên quan:  Quy Tắc Hủy Tùy Chỉnh cho WooCommerce Subscriptions

Cài đặt Sản phẩm & Loại

Nếu bạn muốn vô hiệu hóa hiệu ứng phóng to được áp dụng cho các sản phẩm hoặc danh mục cụ thể, hãy chọn các sản phẩm và danh mục để loại trừ trong Exclude Products for Zoom Exclude Categories tùy chọn Phóng to tương ứng.

Dịch

Image Zoom Pro cho WooCommerce đã sẵn sàng dịch, có nghĩa là bạn có thể chỉnh sửa các tệp po mà qua đó bạn có thể dịch văn bản sang bất kỳ ngôn ngữ nào. Các bước thực hiện dịch như sau. Ví dụ, dịch sang tiếng Pháp.

  • Tải về và cài đặt Poedit
  • Mở tệp image-zoom-pro-for-woocommerce > languages > image-zoom-pro-for-woocommerce.pot bằng Poedit.
  • Tạo một tệp dịch mới bằng cách nhấp vào nút Create new translation .
  • Chọn Văn bản nguồn và đặt văn bản tiếng Pháp tương ứng trong Khu vực Văn bản Dịch.
  • Lưu thay đổi.
  • Lưu tên tệp dưới dạng image-zoom-pro-for-woocommerce-fr_FR.po.
  • Sau đó, đi tới WordPress dashboard > Settings > General và chọn Ngôn ngữ Trang web là French .

Leave a Reply

Your email address will not be published.