X-Cart forums

[yages]

I have problem with the layout, some pages are OK some like like this image, boxes are smaller for some and all over the placeand add to cart buttons disappear

[PhilJ]

Yages, either...

1) Assuming you're using the grid/row switcher layout, enlarge the product(s) container height to make it uniform by modifying the CSS code in...

skin/ability/custom/css/common.css

---
ul.grid_view li .product_block .thumbcol { text-align: center; width: 100%; height: 180px; /* Largest Thumbnail Height + Padding */ }
---

OR

2) Reduce the font size of your product titles.

---
ul.row_view li .product_block h2 { margin: 0; padding: 0 0 10px 0; font-weight: normal; font-size: 1.3em; }
---

OR

3) Give the "Masonry" columns products layout option a try.

It's all CSS so it helps to use Firebug - www.getfirebug.com

[yages]

A few things cause the boxes to be different sizes
If a product has a variant no quantity dropdown box shows
If product is out of stock no drop down qty qty and no add to cart button shows
resulting in different sizes boxes

[PhilJ]

Then you need to tweak/adjust the CSS, to the point where the layout suits all your products.

If you're still having issues, then submit a ticket and I'll try and help.

[yvesk]

Hi

Is it possible to have on the homepage the roundabout using the one column and under that, the for the rest of the page using the 2 column right layout?

thanks

[PhilJ]

Is it possible to have on the homepage the roundabout using the one column and under that, the for the rest of the page using the 2 column right layout?

Yes, it's all available to you in the Ability settings.

You can set the homepage, search pages and product pages to 1/2/3 columns independantly.

[yvesk]

Thanks Phil, in fact I want to mix one column and two column on the homepage.

I guess I must set the roundabout with grid_16, and the rest of the page with grid_12 et grid_4.
I don't know what file to edit.

[PhilJ]

You'd have to edit skin/ability/customer/welcome.tpl

Check the FAQs on the grid system, it's quite easy, or view the source of this page...

http://demos.xcartmods.co.uk/ability/Typography-and-Elements.html

Header and footer are 12 columns, the main body content is 16 columns.

[yages]

Fixed the box height in grid/row switcher layout, changed line 411 height from auto to 380px

[yages]

Add to cart buttons show for featured products but does not show for other category products