Change zoomed area size.
Posted by Michael G.K on 30 August 2008 06:10 AM
Open up your
/content/skins/flat/product_style$.html file, where $ is equivalent the product
style you are using (1,2,or 3) .

style="COLOR: rgb(0,0,0)">Change the size of the zoomed area by adding
zoom-width and/or zoom-height properties to rel attribute. The default size is
300 x 300px. Example code:


style="COLOR: rgb(0,0,0)"><a
href="{$product.image}" width="{$product.image_width}"
height={$product.image_height} class="MagicZoom" 
style="COLOR: rgb(0,0,0); BACKGROUND-COLOR: rgb(255,0,0)">rel="zoom-width:
400px;"
><img
src="{$product.preview}" style="border:0px;padding:0px;margin:0px 0px 0px 0px;"
alt="{$product.title|htmlspecialchars}"
title="{$product.title|htmlspecialchars}"/></a><br>
(137 vote(s))
Helpful
Not helpful

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments:
CAPTCHA Verification 
 
Please enter the text you see in the image into the textbox below (we use this to prevent automated submissions).