How do i use magnifier effect in images?

[tabasc0]

Hi Folks,

I’m creating categories of products in my home page, and I wonder how I put the magnifier effect as in “blog carousel” option, which when selected images are increased. Can someone help me with this question?

I’ve been looking at the code and see what may be the “class = details-wrap”.

How can I implement this effect in images?

Thanks,

[Kyle – SUPPORT]

Hi

The effect should already be working for the blog carousel element?

– Kyle

[tabasc0]

But i don’t want to use blog carousel, i want to use in a normal image, like [single image] in swift page builder. I’ll use this in 4 categories images that will drive customers to the right section o product. This effect is very nice, i’ll be very glad with it.

Thanks,

[Kyle – SUPPORT]

If you get your images set up and provide me with your link I can provide you with the css 🙂

– Kyle

[tabasc0]

the effect is class=”overlay”

[tabasc0]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

It’s not as simple as that, the css is only applied for overlay classes inside the recent post class.

– Kyle

[tabasc0]

So, what i have to do?

[Kyle – SUPPORT]

You need to add the same css to the single image as the css for the recent post hover. If you could provide me with your link I will be able to provide you with a quick solution.

You can mark the comment as private

– Kyle

[tabasc0]

This reply has been marked as private.

[tabasc0]

Kyle, any news?

[Kyle – SUPPORT]

The page is under maintenance?

– Kyle

[tabasc0]

Try now.

[Kyle – SUPPORT]

Hi

Please explain, are you using the recent post element? Or do you want to apply the effect for a single image?

– Kyle

[tabasc0]

I like to use 4 images aligned horizontally. each of these will redirect to a category of products. [1/4] [1/4] [1/4] [1/4]. How aligned are the pictures that I put as a test. I wish they had this effect when selected.