Last update: 2020/02/05 14:31 magento_2:quick_view https://amasty.com/docs/doku.php?id=magento_2:quick_view

For more details see the Quick View extension page.

Guide for Quick View for Magento 2

Let customers preview product information and add necessary items to cart right from the quick viewwindow on a category page.

Preview product info on a category pageAdd products to cart from the quick view windowWrite and submit reviews from the preview pop-upCustomize quick view buttonImprove product browsing process

Quick View Settings

Enable Quick View - Switch to Yes to activate the extension.

Quick View Button Text - Specify any text for a quick view button.

Custom CSS Styles for Hover Block - This feature enables you to customize the Quick View button.You can specify button color, size and other parameters with a standard CSS formatting.

Close Popup after Add to Cart - Specify whether close or not the quick view pop-up after adding aproduct to cart. This option is available only for Magento 2.2 and higher.

2020/02/05 14:32 3/9 Guide for Quick View for Magento 2

Use Fancybox Library - Set to 'Yes' to use Fancybox Library. Choose 'No' if Fancybox is alreadyused on your site.

In this tab, you can specify the DOM-selectors for Product Item, Product Container, Product Image andProduct Image Container.

Save Config - Click here save configuration settings.

Quick View Samples

A sample of a hover block with the Quick View button on a category page.

Last update: 2020/02/05 14:31 magento_2:quick_view https://amasty.com/docs/doku.php?id=magento_2:quick_view

A sample of a customized Quick View button with specified background-color: orange.

Here is a pop-up preview window sample. On the popup, you can perform any regular actions like ona product page.

2020/02/05 14:32 5/9 Guide for Quick View for Magento 2

How to delete a block from a Quick View window?

1. Open a file, which is responsible for the hints' display.

vendor/magento/module-developer/Model/TemplateEngine/Decorator/DebugHints.php

2. Find a function:

_renderBlockHints

A sample:

Last update: 2020/02/05 14:31 magento_2:quick_view https://amasty.com/docs/doku.php?id=magento_2:quick_view

3. Replace a line -

$blockClass = get_class($block);

with the following one:

$blockClass = $block->getNameInLayout();

A sample:

4. Next, go to Admin Panel > Stores > Configuration > Advanced > Developer > Developer ClientRestrictions

Input your IP to prevent hints' display for all users.Navigate to Debug section.Set to Yes Enabled Template Path Hints for StorefrontSet to Yes Add Block Names to HintsSave Config

A sample:

2020/02/05 14:32 7/9 Guide for Quick View for Magento 2

5. Go to the front-end, open a catalog page with the quick views:

Find a name of a block you want to remove;Copy this block's name (displayed in dark blue)

A sample:

Last update: 2020/02/05 14:31 magento_2:quick_view https://amasty.com/docs/doku.php?id=magento_2:quick_view

6. Open a file, which is responsible for a quick-view's display:

app/code/Amasty/Quickview/view/frontemd/layout/amasty_quickview_ajax_view.xml

Before a line:

</body>

Add one more line:

<referenceBlock name="{{block}}" remove="true">

Input a block's name, that you want to remove, instead of a block, for instanceproduct.info.media.image

Save changes.

2020/02/05 14:32 9/9 Guide for Quick View for Magento 2

7.Go to Admin Panel > Stores > Configuration > Advanced > Developer to disable hints:

Navigate to Debug section.Set to No Enabled Template Path Hints for StorefrontSet to No Add Block Names to HintsSave Config, and flush the Cache.

8. Go to the front-end to see the results.

Rate the user guide from 0 votes (Details)

Rate 0 visitor votes 0 visitor votes 0 visitor votes 0 visitor votes 0 visitor votes

From:https://amasty.com/docs/ - Amasty Extensions FAQ

Permanent link:https://amasty.com/docs/doku.php?id=magento_2:quick_view

Last update: 2020/02/05 14:31