Images on Home page cut off at the bottom

Hi, please take a look at my website at http://divatime.dytnet.ca
As you can see on our home page, the pictures of the hand bags are cut off at the bottom. Is there an optimal size or can you tell me what's wrong?
Thanks.

 

Hello,

Go to salejunctiontheme\lib\shop_loop.php file and add one (i.e 1) before the number in the croping code as indicating in the image given below.



This will solve your issue.

 

I added "1" to the numbers, which was 1200, 1150 correct? In the file, there were a few sections with these numbers and I added 1 like you suggested. However, it still doesn't work.
I added another image "Bath Salt" with a smaller size file and it's still the same.
What is the proper dimension that I should take these pictures so that I can adjust my camera to take the proper image size.

 

I have done numerous e-com sites using this theme and have found a few tricks to use with the custom css that you can adjust in styling options. This one allows you to control a fixed height of the product box on the homepage. As a rule I make the canvas size of the Featured Image 200 x 150px :

.productlisting .pgallery ul.thumbnail li, ul.thumbnail li {
height: 250px;
}

Another one if you dont want the first few sentences of the Long Description to appear in the homepage product box:

.productlisting .pgallery ul.thumbnail li .thumb-content, ul.thumbnail li .thumb-content {
display: none;
}

I also have a new plugin about to launch that gives you full control in a simple drag and drop editor of product selection and positioning on homepage or any other page just by pasting the shortcode when created/saved.

 

Thanks Rogerschnur. When I use your CSS suggestion to set the fixed height to 250x or even 350px, the white potion of the Home page product image got longer. The images themselves were not affected.

 

Sorry I misunderstood your request. The white box issue I addressed is for a consistent height for every box since SJ has a habit of adjusting the size based on how much text is in the long description assuming you have any. I just looked at your site and it looks like you've made the change of your images already to 200px x 150px. It looks good!

 

No it is not working yet. At my home page, the products (thumbnails) are still cut off at the bottom.

 

This is the image I see and it's the same as you have on your server:

http://awesomescreenshot.com/0d22klk6eb

http://divatime.dytnet.ca/wp-content/uploads/2014/02/k-200x150.jpg

right click on the image on the home page and you'll see it looks the same i.e. 200 x 150px. If you want the full image then you have to make the homepage image 200 x 200 px since your original is 600px x 600px

 

I can't make it 200x200px. If I scale the image to this size, it gets distorted. However, I did a test. I took a picture of a glass and then resized it to 150x200. The image looked distorted (fat) in the home screen. When I set it to 200 width, it worked fine but the image still get cut off at the bottom.
I see in Woocommerce settings, under the Product tab, there are three options regarding image sizing. Maybe this is where I should setup the image size.

 

Hello,

Could you please provide the following information listed below.

Thread Link: http://www.inkthemes.com/community/threads/images-on-home-page-cut-off-at-the-bottom.11214/
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected] .
We will check and try to resolve your issue.

 

Hi, I emailed you the info to my site. How did you make out?

 

Hello,

Your issue has been resolved, you can check your website.

 

I just checked and it is not resolved. However, you did have the Shop page working properly. Thank you!
Pls go to the home page where you can see the thumbnail pictures of all the products. For e.g. the first image is the Torquoise hand bag. You are supposed to see the entire bag but as you can see, the picture of the bag is cut off at the bottom.

 

Hello,

Now you can check your website, it has been resolved.

 

Thanks Piyush. I see the images are distorted though. May I know what you did? Also, what is the image size I should set the images at?

 

Hello,

I am doing the same steps as I have given in the above previous post #2 .
You can adjust that cropping value in the shop_loop.php file as per your requirement.

 

Hi Friends,

This may be useful because there is a tiny error in the above code. Even when i copied it did not work for me. But i found the working code.

So I am pasting it for our community

.productlisting .pgallery .thumbnail li img, .thumbnail li img {
height: 250px;
}

Which it works fine for me

If you see keen the difference is i added "img" thanks. Regards

-Sri

 

Thanks Piyush

I was looking for it long time. Thanks

-Sri