X hide

Magento Product Quick View v1.x Configuration

From Plumrocket Documentation

You are viewing:  Product-quick-view-magento-wiki-icon-32.png  Product Quick View

Configuring Product Quick View Extension

Here you will learn how to correctly configure Plumrocket magento ajax product quick view popup extension. To do this, follow the instructions below.


Information Sign sm.png Step-by-Step action:
  1. Press the “Plumrocket” tab in the menu.
  2. Select the “Product Quick View” module.


Final-Installing product quick view v1.0.0.jpeg


Here you will learn more about Quick View Button Settings.


Information Sign sm.png Step-by-Step action:
  1. Enable Extension: allows you to enable or disable this ajax quick view extension.
  2. Option "Serial Key": enter unique serial key provided after the purchase for legitimate and proper functioning of your extension. Note: In most cases this field will be pre-filled with serial key automatically and the green check mark will be displayed. Otherwise please read article Serial Key Activation in order to find and paste your serial key manually.
  3. Option "Button Type": lets you select the type of button for product quick view. It can be "Text" or "Image".
  4. Option "Button Label": allows you to indicate your custom text label of button for product quick view.
  5. Option "Button Text Color": lets you pick the custom color of quick view button text.
  6. Option "Button Background Color": allows you to pick the custom background color of quick view button.
  7. Option "Overlay Background Color": lets you select the overlay background of product quick view button.
  8. Option "Overlay Background Opacity": allows you to select the overlay background opacity of product quick view button.
  9. Option "Product List Item CSS Selector": is an option for developers. This option comes handy when you installed and enabled Product Quick View extension on your custom magento theme, but the "quick view" button does not show up. In such cases you can indicate the full hierarchy path of the CSS selector of your own product list items.


Magento product quick view 1.0.0 conf1.jpg


Now let's proceed to Quick View Popup Settings.


Information Sign sm.png Step-by-Step action:
  1. Option "Show Reviews Tab": lets you show or hide the "Reviews" tab on product quick view popup.
  2. Option "Show Details Tab": allows you to display or hide the "Details" tab on product quick view popup.
  3. Option "Show Rating and Review Summary": allows you to show or hide the "Rating and Review Summary" tab on product quick view popup.
  4. Option "Show Tier Price": lets you display or hide the "Tier Price" on quick view popup.
  5. Option "Show Add To Cart Button": allows you to show or hide the "Add To Cart" button on quick view popup.
  6. Option "Show Add To Wishlist Link": lets you show or hide the "Add To Wishlist" link on product quick view popup.
  7. Option "Show Add To Compare Link": allows you to display or hide the "Add To Compare" link on quick view popup.
  8. Option "Show Share With Friends": allows you to show or hide the Magento "Share with friends" buttons (e.g. Email, Facebook, Twitter share buttons) on quick view popup.
  9. Option "Display Product Images": allows you to select which of the product images you want to display in quick view popup. Possible options are: "All Pictures", "Main Product Picture Only", or "Do Not Display Product Pictures" .
  10. Option "Allow Image Zoom": lets you enable or disable image zoom on product quick view popup.

Please note, that it is not recommended to use zoom if you already have color swatches enabled, since they may have conflicts in some themes.


Magento product quick view 1.0.0 conf2.jpg


Now let's move on to Quick View Popup Design settings.


Information Sign sm.png Step-by-Step action:
  1. Option "Show Prev/Next Product Link": lets you show or hide the "Next" and "Previous" arrows responsible for switching products in this ajax product view popup accordingly.
  2. Option "Background Color": allows you to select the color of the background for your popup.
  3. Option "Border Color": lets you select the color of the border for your popup.
  4. Option "Overlay Color": lets you select the color of the overlay behind the popup.
  5. Option "Overlay Opacity": lets you select the opacity level of the overlay for your popup.
  6. Once you're finished with configuring this quick product view extension - press "Save Config" button to save your changes.


Magento product quick view 1.0.0 conf3.jpg


Here's how the product quick view sections will look like on your frontend once enabled.

Information Sign sm.png Step-by-Step action:
  1. This is how quick view button will look like.


Magento product quick view conf1.jpg


Information Sign sm.png Step-by-Step action:
  1. If enabled, this is how the rating and review summary section will look like.
  2. This is how the tier price section will be displayed.
  3. Here's how the add to cart button will look like.
  4. If enabled, this is how the add to wishlist link will be displayed.
  5. This is how the add to compare link will look like.
  6. Here's how the share with friends section will be displayed.
  7. This is where product images will be displayed.

Magento product quick view conf2.jpg

Information Sign sm.png Step-by-Step action:
  1. If enabled, this is how the reviews section will look like.

Magento product quick view conf3.jpg

Information Sign sm.png Step-by-Step action:
  1. Here's how the image zoom section will look like.
  2. If enabled, this is how the details section will be displayed.

Magento product quick view v1 conf4.jpg

Product Quick View Extension for Magento Product Quick View Extension for Magento

Buy Magento Product Quick View Extension on Plumrocket Store
Click below to check key features of this extension, view live demo and screenshots:
Navigation