Jump to content

Enlarging Product Image


bbtil

Recommended Posts

Hi, I'm looking to make the product images larger. Currently they are the standard size then when you roll over them they magnify.  I would like them to be slightly larger to start then the magnification stay the same. I cannot find where to change this in the code.

Link to comment
Share on other sites

Mican is a fixed width skin. That means, if you want one area bigger, the adjacent areas need to be made smaller, or the over-all skin made wider.

Working on making the right-side area smaller and the image area larger, make these changes:

In common.css near line 592, find:

#gallery div.image {

    float: left;
    height: 290px;
    width: 270px;
}

Change the width to 290px.

Then near line 607, find:

#product_detail {

    min-height: 340px;
    width: 295px;
    margin-left: 334px;

}

Change the width to 275px and the margin-left to 354px.

Now, in config.xml, change this:
<image reference="medium" maximum="270"
to this:
<image reference="medium" maximum="290"

Save the changes. Because the browser is likely to have internally cached the CSS file, you will need to force the browser to fetch a fresh copy. This is usually done with CTRL-F5.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...