Live Chat Software by IXXO |
Knowledgebase: Customization & Developer Info
|
How do I modify the zoomed area position?
Posted by Michael G.K on 30 August 2008 06:05 AM
|
|
|
Change the position of the zoomed area to either top/right/bottom/left by adding the rel attribute to your <a> tag. The default position is right. Example code: style="COLOR: rgb(0,0,0)"> style="COLOR: rgb(0,0,0)">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)"><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-position: top"><img src="{$product.preview}" style="border:0px;padding:0px;margin:0px 0px 0px 0px;" alt="{$product.title|htmlspecialchars}" title="{$product.title|htmlspecialchars}"/></a><br> style="COLOR: rgb(0,0,0)"> style="COLOR: rgb(0,0,0)">You can combine several properties with ‘;’. style="COLOR: rgb(0,0,0)"> 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-position: top; zoom-width: 400px; zoom-height: 250px" style="COLOR: rgb(0,0,0)">><img src="{$product.preview}" style="border:0px;padding:0px;margin:0px 0px 0px 0px;" alt="{$product.title|htmlspecialchars}" title="{$product.title|htmlspecialchars}"/></a><br> | |
 (148 vote(s)) Helpful Not helpful |
Comments (0)