Jump to content

Images not fitting need resizing help


Guest sehyunrozier
 Share

Recommended Posts

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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;"

Link to comment
Share on other sites

  • 1 year later...

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...