1.Overview

MWB Quick View for WooCommerce is an extension to let your visitors view your products without having to go to the product page. As a merchant, you can choose to remove the quick view button for a product or category. The WooCommerce Quick View extension also enables you to change the text of the preview button, change the background color of the modal window and change the closing button hover cover.  There are many other features that come with this Quick View extension for WooCommerce such as allowing you to customize product description display options. You can choose to animate the popup window as well from three given animations.

Features:

  1. Change the text for the quick view button.
  2. Customize the background and text color for the quick view button.
  3. Opt to disable quick view for mobile devices.
  4. Include or exclude a product or category to display the quick view option.
  5. Choose a color from the options for the closing button.

2.Installation

1. Automatic Installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t even need to leave your dashboard.

The steps are as follows:

  • Sign in to your WordPress Dashboard using your username and password.
  • Then, in the left panel of your dashboard, go to Plugins > Add New.
  • Click the Upload Plugin button at the top of the page.
  • From the Choose File menu, select the .zip file for the MWB Quick View for WooCommerce, then press Install Now.
  • If the plugin has been successfully installed, activate it.

2. Manual Installation

The manual installation of the plugin is another option to install the plugin to your WordPress environment. The manual installation method involves downloading our MWB Quick View WooCommerce and uploading it to your webserver via your favorite FTP application.

The steps are as follows:

  • Upload the MWB Quick View for WooCommerce folder to the /WP-content/plugins/directory.
  • Activate the quick view plugin through the ‘Plugins’ menu in WordPress.
  • That is all there is to it.

3.General Settings

To be able to use the quick view functionality, you need to activate the plugin by turning on the toggle in the General Settings tab. Follow the steps given below:

1. In the admin panel, click on MakeWebBetter→ MWB Quick View for WooCommerce → General Settings.

2. Switch on the toggle button to Enable Plugin.

3. Enter the Text for quick view button to display it on the button in the front end. 

4. Tick the corresponding checkbox if you want to Disable QuickView for mobile view.

quick view general settings

5. Select the QuickView button background color from the corresponding given color palette.

6. Select the Closing button color from the corresponding color palette.

7. Select the QuickView button text color from the corresponding color palette.

8. Select the Closing button hover color from the corresponding color palette.

9. Select the Closing button cross color from the corresponding color palette.

10. Select the QuickView button type by clicking on the given radio button corresponding to Link or Button.

11. Click on the SAVE SETTINGS button to save your choices.

quickview button color settinga

4.Quick View Options

Under the QuickView Options tab, you can define the pop-up window settings as well as quick view options for different products or categories:

1. If you wish to Exclude products from QuickView, turn on the corresponding toggle button.
2. Select products to be excluded in the given space that appears after you turn on the toggle switch for excluding products.

quick view options settings

3. If you wish to Exclude categories from QuickView, turn on the corresponding toggle button.
4. Select categories to be excluded in the given space that appears after you turn on the toggle switch for excluding categories.

 

quickview option settings

5. There are 3 Animation Effects to choose from. Select using the adjacent radio button for Default animation, Animation 1, Animation 2. The default animation setting will remain selected in case you do not select one.
Once you select an animation effect, you can preview it by clicking on the ANIMATION PREVIEW button.
6. Click on the SAVE SETTINGS button. 

quick view animation effects

 

5.FAQs

Yes, you can change the hover color for the close button you want in quick view plugin.

Yes, you can do this with available options and features in our Quick View for WooCommerce plugin.

Yes, in our Quick View plugin you can do this with options available.

Yes, in our Quick View for WooCommerce plugin we have the option to disable quick view for the mobile view if you don’t want to.

Yes, we can change the text of the quick view button in our Quick View plugin.

Suggest Edit