Help to Import CSS code from Magiczoom (Magictoolsbox)

Design help Custom code
1

Hello Webflow community,

After several searches to find a way to zoom into a high definition picture I found this site that offers very boring scripts: https://www.magictoolbox.com/magiczoom/integration/

There are several information on installation scripts including several platforms like Wordpress, WSYWGY and many other but not on Webflow.

Can anyone help me use their services, and tell me if it is possible to integrate their code in Webflow?
I really thank you for the time you grant me.

Webflow is a true revolution for me, I am so happy to be part of the adventure.

Oleev
Visual Maker
My Website: Oleev.graphics

2

Hi @Oleev Welcome to the community!

That is a good question. Try downloading the ZIP package, unzipping it, then uploading it to something like GitHub or AWS.

Then reference those files in your Webflow site’s custom code area:

Hope this helps :slightly_smiling:

3

Thank you a lot for your help … I worked on it, uploading, unzipping it, insert the code in the head, the first points are correctly, but i don’t know how to do the 4th and last point :

4 -Create a zoom by linking your small image to your big image with a CSS class of MagicZoom:
<a href="big.jpg" class="MagicZoom" data-options="zoomMode: magnifier; variableZoom: true"><img src="small.jpg"></a>

https://www.magictoolbox.com/magiczoom/integration/

I don’t know exactly where I need to put this code and I can’t upload my"big-image.jpg" on webflow because the max size to upload is 4Mo and my big files is 11Mo.

PixelGeek could you please try for me this integration with your proficiency or suggest me another way to have a beautiful customizable zoom script without a big logo in a corner or too big ugly navigation buttons?

I pray for a solution to my problem … :slight_smile:

Thanks for your reply.

Oleev

1 Like