Images not fitting need resizing help

[Guest sehyunrozier]

I have a webstore at ohmyedge.com and used the legendary skin in making it.

I choose 200 as the size of thumbnail images because smaller Thumbs make it hard to make out details on my products.

Unfortunately the front page has a problem. "Latest Products and "Featured Product" on the side the images are too large and move outside the boxes.

I dont want to change the size of the boxes.

I also dont want to change the thumbnail size back to a smaller volume.

Is there some code I can put into the front page or in those boxes to make it so that they resize images within.

Or any other solution to this problem.

Thank you.

[vokf]

Hi,

you really need a different template - or at least to drastically change the size of the Legend one.

The Legend template is fixed-width, and so a few things need tweaking before it will accommodate the larger thumbnails, its not just a single tweak.

To edit the template, you'll need an understanding of CSS and XHTML - this will be more than a simple tweak, and so I will point you to the documentation project over at CubeCartForums.org - and which explains how the template system works.

You may be better with a full-width template. My personal advice is that 200px is a bit too large for Thumbnails and 150px is more reasonable, and will not take up so much of the page (remember that some people are using 1024px wide netbooks)

Jason

[bsmither]

In the file \skins\Legend\styleTemplates\content\index.tpl, at around line 13, add this to the <img> parameters:

style="width:95px; height:84px;"

Adjust to fit.

In the file \skins\Legend\styleTemplates\boxes\randomProd.tpl at around line 4, add this to the <img> parameters:

style="width:95px; height:84px;"

Adjust to fit.

If these embedded style overrides don't work, then the CSS priority is not getting sorted.

In that case, make it:

style="width:95px !important; height:84px !important;"

[Guest]

Hi

First of all Thanks for all your help in this forum

I'm using the CC3 v3.0.17 and killer skin and i'm having the same problem as sehyunrozier .

in \styleTemplates\content\index.tpl i have this code :

<!-- BEGIN: random_prod -->

<div class="boxTitleRight">{LANG_RANDOM_PRODUCT}</div>

<div class="boxContentLeft" style="text-align: center">

	<a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" title="{PRODUCT_NAME}"><img src="{IMG_SRC}" alt="{PRODUCT_NAME}" border="0" title="{PRODUCT_NAME}" /></a>

	<br />

	<span class="txtCopy"><a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" title="{PRODUCT_NAME}" class="txtDefault">{PRODUCT_NAME}</a></span>

</div>

<div class="boxFootLeft">&nbsp;</div>

<!-- END: random_prod -->

in \styleTemplates\content\index.tpl i have this code:

<!-- BEGIN: index -->

<div class="boxContent">

<span class="txtContentTitle">{HOME_TITLE}</span>

<br />

{HOME_CONTENT}

</div>

<!-- BEGIN: latest_prods -->

	<div class="boxContent">

	<div class="txtContentTitle">{LANG_LATEST_PRODUCTS}</div>

	

		<div style="margin-top: 10px;">

		<!-- BEGIN: repeat_prods -->

			<div class="latestProds">

				<a href="index.php?act=viewProd&amp;productId={VAL_PRODUCT_ID}"><img src="{VAL_IMG_SRC}" alt="{VAL_PRODUCT_NAME}" border="0" title="{VAL_PRODUCT_NAME}" /></a>

				<br />

				<a href="index.php?act=viewProd&amp;productId={VAL_PRODUCT_ID}" class="txtDefault">{VAL_PRODUCT_NAME}</a>

				<br /> 

				{TXT_PRICE} <span class="txtSale">{TXT_SALE_PRICE}</span>

			</div>

		<!-- END: repeat_prods -->

		<br clear="all" />

		</div>

		<br clear="all" />

		

		

	</div>

<!-- END: latest_prods -->

<!-- END: index -->

now i don't know where to put the code that bsmither post here, i try many ways to put it but don't know for sure here do i have to add those lines .

Any help to fix it would be great, my site is tacticairsoft.com

Thanks in advance