Topic: height issues with "item-block-1" element | Planetshine

Register with your Envato account

Support forums

[Resolved] height issues with "item-block-1" element

This topic has 2 replies, 2 voices, and was last updated 6 years, 8 months ago by davideike.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
October 19, 2015 at 7:21 am #542

davideike
Participant

Hello –
In our Collections pages, I inserted a ratings widget in between the product title and price elements. I was expecting the container, which is item-block-1, to automatically scale taller to accommodate it, however the height always stays fixed, causing the content to overflow. The rendered height of this element is also inconsistent from row to row, and page to page. I have tried adding a fixed height to the class, but it is always ignored.

Example: http://greatdealfurniture.com/collections/dining-chairs

Any idea how to change the height of this element?

Thanks!

October 19, 2015 at 8:02 pm #584

planetshine
Keymaster

Hey,

The resizer script does not take the ratings widget in account when calculating the height. To make do that from now on you have to do a small modification to your sites code.

Edit assets/theme.js

replace this:
var height = $(this).find('.image-wrapper').innerHeight() + $(this).find('h2').innerHeight() + $(this).find('.price').innerHeight();

with this:

var height = $(this).find('.image-wrapper').innerHeight() + $(this).find('h2').innerHeight() + $(this).find('.price').innerHeight() + $(this).find('.yotpo-small').innerHeight();

October 19, 2015 at 10:24 pm #591

davideike
Participant

Thanks for the help!
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘height issues with "item-block-1" element’ is closed to new replies.

© 2018 Planetshine Privacy Policy Cookie Policy Check out our themes on ThemeForest

By continuing to use the site, you agree to the use of cookies. more information