Automatically add a zoom to scaled down product images.
Posted: Thu Aug 16, 2018 11:39 am
Note that this capability is now in Magic Zoom Plus V3.14 onwards.
If you use the SellerDeck Product Image Maximum Width capability (via Settings / Site Options / layout / Product) then you can tweak Magic Zoom Plus to automatically zoom the product image if your supplied image is greater that the Product Image Maximum Width.
To do this do the following:
Go to Settings / Site Options / Zoom Images Control and set ZoomIncludeProductImage to true.
Go to Design / Library / Layouts / Product Image / Standard Product Image.
Look (at the top) for the line containing <!-- Magic zoom prefix...
It should start with a BlockIf.
Click that BlockIf to open it in the Condition Editor.
Paste the following in at the top to make a new first line:
OK out of the Condition Editor.
Look (near the bottom) for the line containing <!-- Magic zoom suffix...
It should start with a BlockIf.
Click that BlockIf to open it in the Condition Editor.
Paste the following in at the top to make a new first line:
OK out of the Condition Editor.
That should be the capability added.
If you use the SellerDeck Product Image Maximum Width capability (via Settings / Site Options / layout / Product) then you can tweak Magic Zoom Plus to automatically zoom the product image if your supplied image is greater that the Product Image Maximum Width.
To do this do the following:
Go to Settings / Site Options / Zoom Images Control and set ZoomIncludeProductImage to true.
Go to Design / Library / Layouts / Product Image / Standard Product Image.
Look (at the top) for the line containing <!-- Magic zoom prefix...
It should start with a BlockIf.
Click that BlockIf to open it in the Condition Editor.
Paste the following in at the top to make a new first line:
Code: Select all
(<actinic:variable name="ProductImageWidth" /> > <actinic:variable name="ProductImageMaxWidth" />) OR
Look (near the bottom) for the line containing <!-- Magic zoom suffix...
It should start with a BlockIf.
Click that BlockIf to open it in the Condition Editor.
Paste the following in at the top to make a new first line:
Code: Select all
(<actinic:variable name="ProductImageWidth" /> > <actinic:variable name="ProductImageMaxWidth" />) OR
That should be the capability added.