Forums / Templates, Stylesheets, Page Layout / Grid Layout Assistance Needed

Grid Layout Assistance Needed

Locked

Views: 4,833

Results 21 to 34 of 34
This thread is locked. New replies are disabled.
9 Dec 2008, 6:14 AM
#21
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Grid Layout Assistance Needed

gjh42:

The calculation sets the percent width for the individual products. Changing from 0.5 to 1.5 means only a 1% change (about 5px) per item, so you might not notice it. It will probably make no difference anyway with the Column Divider Pro mod still installed; that change is needed when using the plain Column Layout Grid mod.

The product varying width issue may be due to modifying the CDP code. I don't know how that code works in detail, so can't advise on it. If you still want to use that mod, I suggest you post in its support thread for help; otherwise, uninstall it and install just Column Grid, and see if that clears up the problem. It will give you smaller gutters between the products, at any rate.

Thanks for the reply!

I have uninstalled CDP as it was causing an issue with resizing products rather than keeping an even 3 row column. It seems we are back to the border bold in the inside columns and normal on the outer ones and no small gap between each product. It seems to also be different in firefox and IE7 please have a look if you dont mind. The grid is also not centered and the products on the homepage (new) are 2,1,2,1 etc

I also did what you mentioned above and like i said and you said there was not much difference i couldnt really notice anything.

9 Dec 2008, 6:54 AM
#22
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Grid Layout Assistance Needed

You need to make the edit from post 17 in your Column Grid version of product_listing.php. I did say to "Adjust the 1.5 as required"; you might want to try 2.5, which would allow for a small 6-8px space between products, or 4.0, which would allow a 15px or so space.

You might want to add the new listing selector to the product listing selector (and delete the separate rule for .centerBoxContentsNew, so they both get the same styling:

.centerBoxContentsProducts, .centerBoxContentsNew {

And again, adjust as needed to get the effect you want.

9 Dec 2008, 7:15 AM
#23
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: Grid Layout Assistance Needed

gjh42:

You need to make the edit from post 17 in your Column Grid version of product_listing.php. I did say to "Adjust the 1.5 as required"; you might want to try 2.5, which would allow for a small 6-8px space between products, or 4.0, which would allow a 15px or so space.

You might want to add the new listing selector to the product listing selector (and delete the separate rule for .centerBoxContentsNew, so they both get the same styling:

.centerBoxContentsProducts, .centerBoxContentsNew {

And again, adjust as needed to get the effect you want.

Your are an absolute legend! Now i have got the categories products looking how i want them.... Thanks so much!

But the new products the file your telling me to edit is not making any changes to the layout only seems to be working for the categories so i am still to fix the new products any idea why the file is not changing?

9 Dec 2008, 7:33 AM
#24
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Grid Layout Assistance Needed

The new products centerbox is controlled by different files than the product listing. You'll need to find the similar bit of "floor" code for that and change it.

9 Dec 2008, 8:00 AM
#25
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: Grid Layout Assistance Needed

gjh42:

The new products centerbox is controlled by different files than the product listing. You'll need to find the similar bit of "floor" code for that and change it.

Once again you are an absolute legend! It seems to be all fixed and working in mozilla, ie7 and safari.

Im so greatful for your assistance....

I owe you a beer

Owe and btw i just realised my new products no longer have a details/more info button do you know what could have happened to them?

10 Dec 2008, 11:50 AM
#26
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Grid Layout Assistance Needed

The new products centerbox does not display description or add button - it is just a link that goes to the product info page.

10 Dec 2008, 12:03 PM
#27
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: Grid Layout Assistance Needed

gjh42:

The new products centerbox does not display description or add button - it is just a link that goes to the product info page.

Yeah i know it use to have a more info text link and i added a details button similar to the product categories.....

Do you know how i can get the inof text back?

10 Dec 2008, 12:21 PM
#28
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Grid Layout Assistance Needed

For the new products listing page, you can set Configuration > New Listing > Display Product Buy Now Button as desired; however, this will not affect the new products centerbox. There are no settings to change that.

10 Dec 2008, 12:35 PM
#29
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: Grid Layout Assistance Needed

gjh42:

For the new products listing page, you can set Configuration > New Listing > Display Product Buy Now Button as desired; however, this will not affect the new products centerbox. There are no settings to change that.

That has already been set to 1300 but nothing is displyed

10 Dec 2008, 10:47 PM
#30
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Grid Layout Assistance Needed

That is because the setting will not affect the centerbox, as I said. You would need to get into adding new PHP coding to change that.

11 Dec 2008, 12:54 AM
#31
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: Grid Layout Assistance Needed

gjh42:

That is because the setting will not affect the centerbox, as I said. You would need to get into adding new PHP coding to change that.

I have no idea where to begin can you please give me some direction on how to do this if you dont mind?

11 Dec 2008, 1:42 AM
#32
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Grid Layout Assistance Needed

That's not an area I have worked on before, but other people have posted about doing similar things. Try searching the forum for information.

11 Dec 2008, 12:38 PM
#33
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: Grid Layout Assistance Needed

gjh42:

That's not an area I have worked on before, but other people have posted about doing similar things. Try searching the forum for information.

No problem...

I think this may be a bit off topic but i have a read a few threads about moving the search header etc.... I have been trying to move the cart contents from the nav bar to just below on the logo and replacing the currency bar with a simple search bar next to the cart contents so i can get rid of the navigation bar completely... Do you have any advice as i tried to do it but i just cant seem to get it in the correct spot (tpl header)?

28 Jun 2009, 10:19 PM
#34
andrew55 avatar

andrew55

New Zenner

Join Date:
Jun 2009
Posts:
43
Plugin Contributions:
0

Re: Grid Layout Assistance Needed

I posted a question over on Column Divider Pro, but wasn't able to get any help.

I am using Column Grid Layout and am very happy with it. I am also using Column Divider Pro (what has a great look to it). But the border created by Column Divider Pro shows up in Features Products, New Products, etc, but not in the standard category listings.

In this forum topic, I see what gee38l has done with creating borders and I implemented this in our site. Although this was better than no borders at all, I need to get the same look as the border that Column Divider Pro creates.

On this page you can see the difference in border between the categories and Featured Products:

https://www.sarasotafarms.org/biz/index.php?main_page=index&cPath=67_68

So. in the standard category listings, is there anyway to create the borders with Column Divider Pro instead of just with the CSS as done by gee38l (as described in this forums topic)?

Been working on this for days - any suggestion greatly appreciated.