Hello everyone, anyone found any issues with the Latest Products module when you have more than one row of products it doesn't align properly also divs get pushed around so for example, product 1-4 are ok and product 5 is where product 8 should be and 5,6,7 are blank as its been pushed across.
this seems to only happen when you have more than one row of products.Im using it in the centre bottom layout of home with left category nag switched on so its not full page width.
Maybe the height of each product is diffrrent, so it causes the messing layout.onlinemarketer wrote:Hello everyone, anyone found any issues with the Latest Products module when you have more than one row of products it doesn't align properly also divs get pushed around so for example, product 1-4 are ok and product 5 is where product 8 should be and 5,6,7 are blank as its been pushed across.
this seems to only happen when you have more than one row of products.Im using it in the centre bottom layout of home with left category nag switched on so its not full page width.
Could you provide your site url, so I can take a look at the problem closer?
Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer
I have the same type issue. It appears to come from the product name. When the name has more lines than the others it causes the issue. At least yours are staying somewhat aligned. If I have one off it will move it to an entirely new line. It looks horrible, but I cant figure out how to set a static height for the product names. You can see my problem at http://www.autodecalshop.com/regional.html
When moving the page width you can see them jumping around and leaving massive white space.
does anyone know the css code to make the heights all fixed so it doesn't leave massive gaps?
does anyone know the css code to make the heights all fixed so it doesn't leave massive gaps?
You can edit the file catalog/view/theme/default/stylesheet/stylesheet.css and add the below code at the end of the file:onlinemarketer wrote:When moving the page width you can see them jumping around and leaving massive white space.
does anyone know the css code to make the heights all fixed so it doesn't leave massive gaps?
Code: Select all
.common-home .product-thumb .caption {
min-height: 240px;
}Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer
In your case, you can insert the below code at the end of file: catalog/view/theme/monster/stylesheet/stylesheet.cssgahinton wrote:I have the same type issue. It appears to come from the product name. When the name has more lines than the others it causes the issue. At least yours are staying somewhat aligned. If I have one off it will move it to an entirely new line. It looks horrible, but I cant figure out how to set a static height for the product names. You can see my problem at http://www.autodecalshop.com/regional.html
Code: Select all
ul.product-grid li.product-grid {
height: 340px;
}Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer
Thanks dude that worked perfect!
It just messes up a little when resizing - maybe because its 4 columns wide unlike the category pages. Any way of making it display 3 products across instead of 4?
It just messes up a little when resizing - maybe because its 4 columns wide unlike the category pages. Any way of making it display 3 products across instead of 4?
Who is online
Users browsing this forum: No registered users and 276 guests
