Horje
  • Home

  • How to add Woocommerce Image Hover in Wordpress

WooCommerce Image Hover simply replaces the main WooCommerce product image with the thumbnail when you hover over it.

Noted That:

  • To install correctly this woocommerce-image-hover.zip.
  • Fisrt Download the woocommerce-image-hover.zip to your computer
  • Extract/Open woocommerce-image-hover.zip to Your Computer.
  • Then, Find readme.txt file inside woocommerce-image-hover.zip and Open readme.txt.
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download "woocommerce-image-hover.zip" Plugin to your Local Computer. (Click Download)

2. Then, Login to your "yourdomain.com/wp-admin" Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on "Plugins" + "Add New" from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse "woocommerce-image-hover.zip" Downloaded plugin from your computer, Where you downloaded woocommerce-image-hover.zip According to Step – 1 Above then, click on "Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on "Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. "WooCommerce Image Hover" folder is added on left sidemenu. Now, Click on "WooCommerce Image Hover" folder.

   Noted that: If you do not see "WooCommerce Image Hover" folder on left sidemenu then, see at left sidemenu "Settings" or "Tools".

8. Now you configure yourself oR Watch video tutorial below about WooCommerce Image Hover Configurtions and Settings or How to work "WooCommerce Image Hover" in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to "Plugins" + "Installed Plugin" from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find "WooCommerce Image Hover" Activated Plugin from Plugin List.
  4. Then, Click on "Settings" from Plugin that is WooCommerce Image Hover
  5. Now, Edit/Add/Config the setting and Click on "Save Changes" button,
WP Plugin Setting


Guide

Requires WooCommerce to be installed.

WooCommerce Compatibility Test: v3.4.1

  1. Upload WooCommerce Image Hover to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. That’s it.
 
Reffered: https://wordpress.org/