ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart > Using ProductCart
  New Posts New Posts RSS Feed - Thumbnail on product detail page too big
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Thumbnail on product detail page too big
 Post Reply Post Reply
Author
Message
  Topic Search Topic Search  Topic Options Topic Options
Lecmaco View Drop Down
Newbie
Newbie


Joined: 02-January-2009
Location: Singapore
Status: Offline
Points: 0 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Lecmaco Quote  Post ReplyReply Direct Link To This Post Topic: Thumbnail on product detail page too big
    Posted: 14-June-2012 at 9:38am
Hi,

Recently I have upgraded my site to v4.5 and the thumbnail in the product details page have become big. I try to modify the storefront.css but not successful. My website is www.bricksworld.com

Hope someone can help. Thank you

Alan
Back to Top
Guests View Drop Down
Guest
Guest
Post Options Post Options   Thanks (0) Thanks(0)   Quote Guests Quote  Post ReplyReply Direct Link To This Post Posted: 14-June-2012 at 12:00pm
Hi Alan,

This shouldn't normally happen, but it appears that you did lose some CSS on this during your update.

The default CSS for this is ~ line 900 in pcStorefront.css:
#pcMain .pcShowAdditional img {
	width: 50px;
	height: 50px;
	border: 1px solid #CCC;
	margin-bottom: 6px;
}

Personally, I wouldn't use both the width AND the height together like this, lest it squish your images. If only one or the other is defined (depending on whether your images are more horizontally or vertically oriented), then aspect ratio would be maintained.
Back to Top
Lecmaco View Drop Down
Newbie
Newbie


Joined: 02-January-2009
Location: Singapore
Status: Offline
Points: 0 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Lecmaco Quote  Post ReplyReply Direct Link To This Post Posted: 14-June-2012 at 11:34pm
Hi Seah

Thanks for help. I have modified accordingly but its doesn't work. Any change of the following will not change the look at all. Do not know any other css have override. If you using the chrome browser (right click on inspection element), you can view the complete css files.

I'm try to find is there any work around on it or directly modify on the viewPrdcode.asp.

Code extracted from pcstorefront.css

#pcMain .pcShowMainImage {
text-align: center;
vertical-align: bottom;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
#pcMain .pcShowMainImage img {
width: 240px
padding: 5px;
border: 1px solid #FFCC00;
}
#pcMain .pcShowAdditional {
width: 84px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#pcMain .pcShowAdditionalImage {
vertical-align: top;
text-align: center;
padding: 0 0 0 0;
}
#pcMain .pcShowAdditional img {
width: 84px;
border: 1px solid #FFCC00;
}

#pcMain .pcShowMainImageBorder {
border: 1px solid #FFCC00;
}
Back to Top
Guests View Drop Down
Guest
Guest
Post Options Post Options   Thanks (0) Thanks(0)   Quote Guests Quote  Post ReplyReply Direct Link To This Post Posted: 15-June-2012 at 2:23am
Ah yes, Chrome's inspect element tool ... Couldn't live without it!!! I use it constantly.

What I could tell from this is that a whole lot of your style rules aren't being applied. 

So I copied your pcStorefront.css file and loaded it in an "out of the box" PC 4.5 location, replicated the problem and then pulled it into an editor where I could scan quickly for format errors.

Here's your problem:

You clipped the closing bracket at the end of the second style rule here:
/* Add background color on mouse over when browsing */
		.pcShowCategoryBgHover {
			background-color: #F7F7F7;
		}
			/* Remove it on mouse out */
			.pcShowCategoryBg {
				background: none;


That should be this (note the closing bracket):
/* Add background color on mouse over when browsing */
		.pcShowCategoryBgHover {
			background-color: #F7F7F7;
		}
			/* Remove it on mouse out */
			.pcShowCategoryBg {
				background: none;
}

If I only had a nickle for every time I've done something like that myself ;-)
Back to Top
Lecmaco View Drop Down
Newbie
Newbie


Joined: 02-January-2009
Location: Singapore
Status: Offline
Points: 0 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Lecmaco Quote  Post ReplyReply Direct Link To This Post Posted: 15-June-2012 at 4:11am
Hi Seah,

Thank you very much and you save my days. I was so careless.

Best Regards From Alan
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.070 seconds.