X-Cart forums

[bullfrog]

I'm setting up a 2000+ item store and want it fixed for 1024 resolution monitors. I picked 990px in the setup. The current selected menu is X-Cart standard. I tried having the product description in the tabs, but it did not help.

The built in product page spacing does not match what I want the site to look like. If I increase site width to 1280 px, it starts to look better, but I don't want to do that.

Attached are 3 images, my current 990px results, 1280px, and the 990px I want (photo-edited from the real screen shots).

I'm on a deadline to get the site up within 3 weeks, and editing I tried has not worked (grid.css I don't understand - yet). Is there a set of easy maneuvers I can to to get what I want. If not, is someone available to figure it out, send me the changes, and bill me?

The development site is frogazon.com. Keep in mind it may not look the same if I continue to try stuff.

Thanks.

http://www.frogazon.com/images/help/what_I_am_getting.jpg

http://www.frogazon.com/images/help/1280_fixed.jpg

http://www.frogazon.com/images/help/what_I_want.jpg

[elmirage001]

It looks like the width: value for .grid_10 is incorrect in grid.css

Please change the 40.5% back to 60.5% and see what happens. Also try setting both grid values to 8 instead of <div class="grid_6... and <div class="grid_10...

frogazon.com

.container_16 .grid_9 {
width: 54.25%;
}
.container_16 .grid_10 {
width: 40.5%;
}
.container_16 .grid_11 {
width: 66.75%;
}

Original

.container_16 .grid_9 {
width: 54.25%;
}
.container_16 .grid_10 {
width:60.5%;
}
.container_16 .grid_11 {
width: 66.75%;
}

[jcorneli]

I can't seem to find any reference to Facebook in this forum or in the documentation. I want to add a button a bottom like Twitter. Any help would be appreciated.

[bullfrog]

In post 261 above, elmirage001 pointed out that I had changed a number in grid.css. That was actually part of my trial and error experimenting. I was closer than I thought to getting my problem nailed. Though elmirag001's advice was a bit general, it encouraged me to try again.

I added one more line (and changed the % to fine tune, and I got mostly want I wanted. I still need to get the social media links organized, but I'm confident I can do it.

What helped me the most was I upgraded Firefox and Firebug to the latest versions, and the information provided is much easier to understand than my old versions. See the image below for an example. Find line 163 in grid.css and make adjustments there.

http://www.frogazon.com/images/help/what_did_it.jpg

[elmirage001]

You don't change the width percentages of the grid css. The grid is based upon 16 columns. Change the width back to 60.5% and change your grid_6 and grid_10 to the values you need. You should try values of 8 and 8 first.

From http://www.xcartmods.co.uk/docs/ability/

How do I use the Grid System?

In the main content column, you can make use of up to 16 flexible columns in any combination.
Let's say you want two columns, one 1/4 wide, the other 3/4 wide, then you would code it like this...

<div class="grid_4">
<p>Column 4/16</p>
</div>
<div class="grid_12">
<p>Column 12/16</p>
</div>
<div class="clearing"></div>

Let's say you want four equal columns, then you would code it like this...

<div class="grid_4">
<p>Column 4/16</p>
</div>
<div class="grid_4">
<p>Column 4/16</p>
</div>
<div class="grid_4">
<p>Column 4/16</p>
</div>
<div class="grid_4">
<p>Column 4/16</p>
</div>
<div class="clearing"></div>

[Torres]

Hi. Do you have any products in the demo that show more than one image?
Thanks.

[elmirage001]

Originally Posted by Torres

Hi. Do you have any products in the demo that show more than one image?
Thanks.

http://demos.xcartmods.co.uk/ability450/product.php?productid=17513

[jmccunep]

Originally Posted by elmirage001

Glad it worked for you but I would suggest you not call it a flaw. All software programs have bugs. It is absolutely impossible to create code in a timely fashion at an affordable price and to take into consideration every scenario the masses will throw at it.

Spend some time learning how to read the code and then you will appreciate the incredible amount of time and effort Phil puts into his mods.

OK, point well taken. Ability is an incredibly fine product! Thanks (again) Phil for creating this, and ElMirage for providing guidance in getting under the hood to tweak it.

[jmccunep]

I have the product list options in my development store set to 3 products per row (grid/row switchers enabled). The display of the products in each category on my store works just as I hoped and expected for all products in either grid view or row view. EXCEPT for one category--with that particular category there are some empty spaces in grid view (and none in row view.)

What's particularly odd about it is that there are other categories with about the same number of products, and some of the included products shown as in stock and some as out of stock in some of the categories just as with the problem category, but those other categories all display the grid view properly with no gaps.

The problem persists no matter how the products are sorted on the front end (SKU, price, etc), and no matter how they're sorted on the backend (position).

I've attached a JPG screen shot.

Thanks for any help with this oddity!

XCart 4.4.5
Ability Template 1.051
www.twinoakshammocks.com is the live URL.
The development URL is not live on the web (is in a password protected folder).

[elmirage001]

Hi Jmccunep! Yes I remember having some issues like that. I also use 3 column display for my products.

In the Ability "Products Display Options" --> "Products display" try using the Smart Columns" option. That's what I've been using and it's been working fine for me.