SwissUpLabs Logo

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

  1. Open your account page at the site where you purchased the module and download it:
  2. 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
  3. Now, proceed to install section.


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

bin/magento marketplace:package:require swissup/hover-gallery

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:

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

Login your store admin and enable extension.

Next up
Edit this Page