Thumbnails out of proportion

[Pamela]

I added a product using the fancy option. Everything works fine except the thumbnail is short and fat. When you click on the thumbnail the pop up image is in proportion.

Can I fix this somehow so the thumbnail is more representative.

This is the page => http://mydailyearrings.com/?page_id=164.

This is the code…

[wp_eStore_fancy2:product_id:3:end]

Thanks in advance for your help.

[Ivy]

Hi Pamela, This usually happens when the picture you are using is not square. When a thumbnail is made its shrinks the picture down usually to 128 x 128. When using an image that is not square when it shrinks the image it will smush it and make it look short and fat. Try croping the image so that it is more square.

Cheers,

Ivy

[Pamela]

Thanks Ivy!

I understand now about the short, fat thumbnails.

Now I am trying the “sylish” option. Instead of thumbnails I now get a block with a red x in it and no photo at all.

I’m sure I changed something in the process but I can’t determine what.

Can you help?

Ciao, Pam

[amin007]

“I now get a block with a red x in it and no photo at all.” – when you see this it means the image URL is wrong (maybe there is a typo). The easiest way to find out is to copy and paste the Image URL that you are using as the thumbnail in the browsers address bar. If you see a 404 (Page not found) error then you have proved this theory

How do you fix it? check the URL and see where you made a mistake

[Pamela]

Thanks! That was the problem

[Taki]

I created a thumbnail that is 128×128 pixels. Using the fancy display option the image thumbnail is not centered, there is a black line on the top and on the left side. I have tried differed sized images, but they always have this. How can I get rid of those black lines?

[admin]

Create thumbnails with 125 x 125 pixel size.

[jpizzolato]

I was able to make the thumbnail created by the shortcode of [wp_eStore_fancy:product_id:4:end] (bottom image) more representative by adding the following in the wp_eStore_style.css file:

.thumb-image{

width:115px;

height:175px;

}

But the thumbnails created by the shortcode

[wp_eStore_category_products_fancy id=4 style=5 order=3] (top image) are not being affected by the change to .thumb-image in the css file. Which class has to be changed to affect the category thumbnails?

thank you for your assistance.

[jpizzolato]

Thank you but I solved the problem of the thumbnails not being proportionate.

I added the following code to the eStore_extra_shortcode.css file:

.eStore-fancy5-thumb img {height: 175px; width: 115px; }

this made the thumbnails more proportionate when displaying an entire category with the shortcode of [wp_eStore_category_products_fancy id=1 style=5 order=3]

[Rene]

Hi,

I am using the extra shortcode [wp_eStore_product_search_with_add_to_cart_button] and I wonder where I can go about changing the thumbnail size?

I changed the eStore_card_thumbnail in the CSS code in the “eStore_extra_shortcode_css.css” file of the extra shortcodes plugin…

.eStore_cart_thumbnail img, .eStore_cart_thumbnail a img{

width:48px !important;

height:48px !important;

vertical-align: middle !important;

float:left;

padding-right:10px !important;;

border:none !important;

}

… which changed the product thumbnails on the actual product page, but not on the page containing the shortcode [wp_eStore_product_search_with_add_to_cart_button].

Thank you for your advise.

Rene

[Rene]

Any response would be appreciated

Thanks

[admin]

Please explain the issue. Do you mean the thumbnail that is shown in the product search result list?

[Author]

Posts