[Woocommerce] Add product photo zoom effect





YITH Woocommerce Zoom Magnifier is a feature that can be suitable for any electronic store, because it will help customers see product photos more clearly and in more detail thanks to the feature of auto-magnifying the image when hovering over the avatar image in the page. product as shown below.

yith-zoom-magnifier-01

Of course, to install this plugin, you should install the YITH Essential Kit for Woocommerce #1 plugin, then go to YITH Plugins -> YITH Essential Kit for Woocommerce #1 and find the plugin YITH WooCommerce Zoom Magnifier to install.

yith-zoom-magnifier-02

[Woocommerce]  Add 15 . product photo zoom effect

Once installed, your products are automatically pre-made, but it also provides a section called the customization area of ​​this plugin where you can reset the options at YITH -> Zoom magnifier.

yith-zoom-magnifier-03

Meaning of options:

General Settings

  • Activate YITH WooCommerce Zoom Magnifier: Enables the image zoom effect for the product.
  • Activate on mobile device: Activate the effect on the mobile phone.
  • Forced Image Size: Force images to display the right size for this plugin, so choose if you want to display well.

Magnifier Settings

  • Zoom Box Width: Width of the image display area in zoom mode.
  • Zoom Box Height: The width of the image display area in zoom mode, should be auto.
  • Image size: The image size of the product avatar.
  • Zoom Box Position: Display position of zoom box.
  • Zoom Box Position for mobile devices: The position to display the zoom box for mobile devices.
  • Loading labels: Text to display while it is loading.
  • Lens Opacity: Opacity of the zoom lens.
  • Blur: Enable self-dimming.
See more:  Use WP Query and Loop to get posts

Slider Settings

  • Activate Slider: Enable photo slide for thumbnails inside the product.
  • Activate Responsive Slider: Enable slide for Responsive.
  • Items: The number of thumbnails displayed on the slide.
  • Circular carousel: Turn on the feature when viewing the entire slide, the next slide will be the first slide.
  • Infinite carousel: Same as above but not quite understand its description.

That’s all, you can reset the options to your liking.

[Woocommerce]  Add 15 . product photo zoom effect


Source: [Woocommerce] Add product photo zoom effect
– TechtipsnReview

, , , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *