eStore – Resize Product Thumbnail

[mikie]

I’ve searched the forum but no luck: Any way to decrease the default size of thumbnail images? I know this is a special case but my thumbnails are basically album covers and when there are a large number of tracks from that album, the long list of big thumbnails attached to each song (product) is a little much. If not, no problem, just thought I’d ask. Thanks. Also, it’s rude not to say thanks but I don’t want to waste your time tracking down and reading replies that are just saying thank you to a problem solved. Any preference on that? You know, pile on comments.

[amin007]

Yeah you should be able to change this by tweaking the CSS. If you know how to find which CSS block to modify using techniques explained here then you shouldn’t have too much issue:

http://www.tipsandtricks-hq.com/css-bugging-you-fire-those-bugs-3299

The tweak you need to do is similar but it can vary slightly depending on the fancy display you are using. If you are using Fancy1 or Fancy2 then adding the following CSS code to the CSS file should achieve your goal:

.eStore-thumbnail .thumb-image{

width:75px !important;

height:75px !important;

}

Obviously you can change the number “75” to whatever size you want.

The following post should also be very helpful for this:

https://support.tipsandtricks-hq.com/forums/topic/need-rectangular-thumbnails

[Jane]

I realize this is sort of a repetition of a post I made elsewhere, but since then I’ve discovered the fancy4 style, not to mention the categories option of creating an entire list of fancy displays from one category, which I really like…so I’m back to wanting to get the thumbs to play nice with my covers.

I sell books. The default square thumbnail is a real pain for book cover dimensions. I’m working with fancy4. I’ve tried adjusting the image size (width/height) in the extra shortcodes css for fancy4 and also in the main eStore css. It changes the size of the box, but it’s only showing part of the image. I’ve even resized the images to perfectly fit the box and it’s still blowing them up.

When I copy the location of the image, I get

…../lib/timthumb.php?src=http://www.mysite.come/wp-content/gallery/slide-show-2011/regenesis2011_ss.jpg&h=125&w=125&zc=1&q=100

Obviously, timthumb is messing with the image, but Firebug doesn’t give me any hint of where that’s coming from, just shows where I’ve adjusted the CSS for image dimensions. I’ve looked at timthumb in a text editor, but really don’t think I’m quite up to messing with it blind.

Is there any way to get around this? I really don’t like letterboxing my covers, besides the fact that the descriptions for books tend to be a bit longer, so having a default 2/3 ratio on the image gives a larger relative area for the description.

[admin]

Don’t use the “Smart Thumbnail” option from the plugin and timthumb won’t do any messing up… its best if you re-size the image in your PC using a photo editing software (example: photoshop) keeping the image dimension of the fancy display in mind then upload them and use it.

[Jane]

Bingo!

Duh…of course. I’d totally forgotten about that. I set this up so long ago…It’s displaying perfectly now and such a simple solution!

Thanks again!

[artyarty1]

I would also like to resize my thumbnail for the fancy2 code.

Ideally I want to have one thumb nail as is, then another that has a large rectangle thumbnail, and another that has a larger rectangle as the thumbnail.

Would it be possible to copy the css code for fancy 2 and rename it like 2a, 2b so I can still use the same great layout but only the thumbnail is bigger?

Thanks!

Art

[artyarty1]

I guess not. Sorry for bothering to post.

[admin]

We won’t reply to you if you don’t adhere to our forum rules (which you are suppose to read before you do any posting). Please read the 3rd point from our forum rules:

https://support.tipsandtricks-hq.com/forums/topic/forum-rules

Also, the following post might be helpful:

https://support.tipsandtricks-hq.com/forums/topic/can-i-put-multiple-images-and-videos-in-the-fancy-display

Have you checked the following post which should help you?:

https://support.tipsandtricks-hq.com/forums/topic/need-rectangular-thumbnails

[artyarty1]

you are right and I am wrong. Thank you for the links.

[Author]

Posts