Manual Installation

Prepare to install

Installation requires Marketplace module. It’s our module that automates a bunch of complex commands required to run prior and after module installation, and provides easy to use module installer.

composer require swissup/module-marketplace &&\
bin/magento setup:upgrade --safe-mode=1

Prepare directory for downloaded archives and register it in composer.json:

mkdir -p vendor/swissup/artifacts &&\
composer config repositories.swissupartifacts artifact $(pwd)/vendor/swissup/artifacts

Download and unpack archive

Open your account page at the site where you purchased the module and download it:
Upload this archive to the <magento_root> directory, and then unpack it to the <magento_root>/vendor/swissup/artifacts folder:
```
unzip swissup.<module-version>.zip -d vendor/swissup/artifacts
```
Now, proceed to install section.

Install

When Marketplace module is installed you can proceed with installation in teminal:

composer require swissup/hover-gallery &&\
bin/magento setup:upgrade --safe-mode=1 &&\
bin/magento setup:di:compile &&\
bin/magento setup:static-content:deploy

Complete the installation

In your theme template /Magento_Catalog/templates/product/list.phtml find block of code that might be looking like this (please make sure you have a backup before overwriting your current files):

<?php // Product Image ?>
    <a href="<?php /* @escapeNotVerified */ echo $_product->getProductUrl() ?>" class="product photo product-item-photo" tabindex="-1">
        <?php echo $productImage->toHtml(); ?>

Insert this code right below:

<?php
    if ($this->helper('Magento\Catalog\Helper\Data')->isModuleOutputEnabled('Swissup_HoverGallery')) {
        echo $this->helper('Swissup\HoverGallery\Helper\Data')->renderHoverImage($_product, $imageDisplayArea);
    }
?>

Next up

Back to docs homepage