4 Edited tags
source | link

I have modified as follows

<var name="magnifier">
            <var name="fullscreenzoom">2</var>  <!-- Zoom for fullscreen (integer)-->
            <var name="top"></var> <!-- Top position of magnifier -->
            <var name="left"></var> <!-- Left position of magnifier -->
            <var name="width">150</var> <!-- Width of magnifier block -->
            <var name="height">150</var> <!-- Height of magnifier block -->
            <var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
            <var name="enabled">true</var> <!-- Turn on/off magnifier (true/false) -->
        </var>

It's working fine as expected. But I want smaller lens and bigger preview.

I tried to modify .magnify-lens class and .magnifier-preview class but could not come up with fine tuning.

Could you please help?

I have modified as follows

<var name="magnifier">
            <var name="fullscreenzoom">2</var>  <!-- Zoom for fullscreen (integer)-->
            <var name="top"></var> <!-- Top position of magnifier -->
            <var name="left"></var> <!-- Left position of magnifier -->
            <var name="width">150</var> <!-- Width of magnifier block -->
            <var name="height">150</var> <!-- Height of magnifier block -->
            <var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
            <var name="enabled">true</var> <!-- Turn on/off magnifier (true/false) -->
        </var>

It's working fine as expected. But I want smaller lens and bigger preview.

I tried to modify .magnify-lens class and .magnifier-preview class but could not come up with fine tuning.

Could you please help?

I have modified as follows

<var name="magnifier">
            <var name="fullscreenzoom">2</var>  <!-- Zoom for fullscreen (integer)-->
            <var name="top"></var> <!-- Top position of magnifier -->
            <var name="left"></var> <!-- Left position of magnifier -->
            <var name="width">150</var> <!-- Width of magnifier block -->
            <var name="height">150</var> <!-- Height of magnifier block -->
            <var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
            <var name="enabled">true</var> <!-- Turn on/off magnifier (true/false) -->
        </var>

It's working fine as expected. But I want smaller lens and bigger preview.

I tried to modify .magnify-lens class and .magnifier-preview class but could not come up with fine tuning.

3 Edited tags
| link
    Tweeted twitter.com/StackMagento/status/1066119426985070592
2 Improved formatting
source | link

I have modified as follows

<var name="magnifier">
            <var name="fullscreenzoom">2</var>  <!-- Zoom for fullscreen (integer)-->
            <var name="top"></var> <!-- Top position of magnifier -->
            <var name="left"></var> <!-- Left position of magnifier -->
            <var name="width">150</var> <!-- Width of magnifier block -->
            <var name="height">150</var> <!-- Height of magnifier block -->
            <var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
            <var name="enabled">true</var> <!-- Turn on/off magnifier (true/false) -->
        </var>

It's working fine as expected. But I want smaller lens and bigger preview. 

I tried to modify .magnify-lens.magnify-lens class and .magnifier-preview.magnifier-preview class but could not come up with fine tuning. Could

Could you please help?

I have modified as follows

<var name="magnifier">
            <var name="fullscreenzoom">2</var>  <!-- Zoom for fullscreen (integer)-->
            <var name="top"></var> <!-- Top position of magnifier -->
            <var name="left"></var> <!-- Left position of magnifier -->
            <var name="width">150</var> <!-- Width of magnifier block -->
            <var name="height">150</var> <!-- Height of magnifier block -->
            <var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
            <var name="enabled">true</var> <!-- Turn on/off magnifier (true/false) -->
        </var>

It's working fine as expected. But I want smaller lens and bigger preview. I tried to modify .magnify-lens class and .magnifier-preview class but could not come up with fine tuning. Could you please help?

I have modified as follows

<var name="magnifier">
            <var name="fullscreenzoom">2</var>  <!-- Zoom for fullscreen (integer)-->
            <var name="top"></var> <!-- Top position of magnifier -->
            <var name="left"></var> <!-- Left position of magnifier -->
            <var name="width">150</var> <!-- Width of magnifier block -->
            <var name="height">150</var> <!-- Height of magnifier block -->
            <var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
            <var name="enabled">true</var> <!-- Turn on/off magnifier (true/false) -->
        </var>

It's working fine as expected. But I want smaller lens and bigger preview. 

I tried to modify .magnify-lens class and .magnifier-preview class but could not come up with fine tuning.

Could you please help?

1
source | link