THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3
  • Index
  • Thelia 2 - English Section
  • General
  • Show popup from image on hover

Offline

#1 Show popup from image on hover

(18-06-2021 15:47:48)

Hi,

I'm looking for a way to display a larger image of the product, when I hover over or click on the image of a product.

Kind regards, Hugo

Offline

#2 Re: Show popup from image on hover

(18-06-2021 18:21:38)

Hello,

You'll have to implement this feature with a jQuery plugin like Elevate Zoom for example.

Offline

#3 Re: Show popup from image on hover

(19-06-2021 08:28:01)

I'm a bit puzzled. And new to thelia. In which html or tpl do I add this?

Offline

#4 Re: Show popup from image on hover

(19-06-2021 14:15:01)

Hi ! You would need to add add Eleveor Zoom script in templates\frontOffice\your-template\product.html

Offline

#5 Re: Show popup from image on hover

(19-07-2021 16:33:25)

Still puzzeld sorry. Can you give me some sample code? And a hint to put the javascript where?

Kind regards.

Offline

#6 Re: Show popup from image on hover

(20-07-2021 11:08:57)

Hi,
Add the code below in the product.html of your theme in the javascript initialization section for example

{block name="javascript-initialization"}
...
<script text="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/elevatezoom/2.2.3/jquery.elevatezoom.min.js"></script>

then you need to apply the elevateZoom() function with the wanted options to the target image.

      $(".slick-active > .zoomable").elevateZoom({
        zoomType: "inner",
        cursor: "crosshair"
      });

Offline

#7 Re: Show popup from image on hover

(29-07-2021 13:11:45)

Hi,

First point succes. I see it in the html page.
Second point also in the html-page however nothing happens. What am I missing?
The shop is at www.hcie.fr

Regards, Hugo

  • Index
  • Thelia 2 - English Section
  • General
  • Show popup from image on hover