Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Thumbnails out of proportion

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Troubleshooting › Thumbnails out of proportion

  • This topic has 11 replies, 7 voices, and was last updated 10 years, 8 months ago by admin.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 15, 2010 at 10:18 pm #803
    Pamela
    Member

    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.

    February 15, 2010 at 10:48 pm #18063
    Ivy
    Member

    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

    February 19, 2010 at 3:44 pm #18064
    Pamela
    Member

    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

    February 20, 2010 at 1:33 am #18065
    amin007
    Participant

    “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 :)

    February 20, 2010 at 9:53 am #18066
    Pamela
    Member

    Thanks! That was the problem :)

    February 22, 2012 at 10:51 am #18067
    Taki
    Member

    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?

    February 22, 2012 at 10:43 pm #18068
    admin
    Keymaster

    Create thumbnails with 125 x 125 pixel size.

    May 1, 2012 at 7:38 pm #18069
    jpizzolato
    Member

    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.

    May 1, 2012 at 8:19 pm #18070
    jpizzolato
    Member

    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]

    June 29, 2012 at 8:17 pm #18071
    Rene
    Member

    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

    July 7, 2012 at 11:14 am #18072
    Rene
    Member

    Any response would be appreciated

    Thanks

    July 7, 2012 at 11:36 pm #18073
    admin
    Keymaster

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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ