Column Divider Pro (CDP) Contrib - Official Thread

DarkAngel:

strictly guessing since I am very new to php but have you tried your code using .categoryListBoxContents
Yes tried that.

DarkAngel:

strictly guessing since I am very new to php but have you tried your code using .categoryListBoxContents
Found it!!!

#indexCategories .vDotLine {display: none;}
#indexCategories .hDotLine {display: none;}

Found the mention of this ID in the tpl_index_category_row.php file and it worked!:smile:

I am trying to get my product display to look like this:

http://osc3.template-help.com/zencart_20742/index.php?main_page=index

I like the solid border around the product with the different background inside the border.

I installed Column Layout Grid for Product Listing and I really don't see what it is supposed to do. There is already a setting for how many products per row. I'm not seeing the difference between rows and column display settings. I've been through the threads and I must be missing something.

I also installed the column divider pro. Still no change.

The delim_v.gif image looks like a background, not dotted lines. For some reason, I can't view it from bluehost's file manager, but I can view it from the downloaded package.

Here is the link to my site.

http://www.groupiegear.com/kstore2011/index.php?main_page=index

What I am doing is trying to create a template to use with an existing site, so that's why the products are still the demo products.

Thanks in advance.
(I created a thread a few days ago about this problem, but this seems to be a better place for this issue)

woodstuff59:

I am trying to get my product display to look like this:

http://osc3.template-help.com/zencart_20742/index.php?main_page=index

I like the solid border around the product with the different background inside the border.

I installed Column Layout Grid for Product Listing and I really don't see what it is supposed to do. There is already a setting for how many products per row. I'm not seeing the difference between rows and column display settings. I've been through the threads and I must be missing something.

I also installed the column divider pro. Still no change.

The delim_v.gif image looks like a background, not dotted lines. For some reason, I can't view it from bluehost's file manager, but I can view it from the downloaded package.

Here is the link to my site.

http://www.groupiegear.com/kstore2011/index.php?main_page=index

What I am doing is trying to create a template to use with an existing site, so that's why the products are still the demo products.

Thanks in advance.
(I created a thread a few days ago about this problem, but this seems to be a better place for this issue)

you missed the step to go into admin>>product listing>>product listing-layout style>>and set it to columns

then set product listing-layout style to 4 so they will show 4 images across

as for the border around each one like the first link....I think that is set that way from that persons own template...created that way so not sure how to do that.

I have the mod installed works good except i have about 3 pages to show featured products but it wont allow me to go any further like now it shows 9 products and not 12 and even if i place 12 products on it still shows 2 missing products do i need to modify template or what?

Thanks
Jim:cry:

HBELLC:

I have the mod installed works good except i have about 3 pages to show featured products but it wont allow me to go any further like now it shows 9 products and not 12 and even if i place 12 products on it still shows 2 missing products do i need to modify template or what?

Thanks
Jim:cry:

in admin/configuration/maximum values/maximum display of featured products--main page AND products page

did you set the number to show higher?

yup i raised or upped the amount

HBELLC:

yup i raised or upped the amount

well I may be wrong but I don't think that has anything to do with the mod. It is to put the items into rows with the dividers vs the column listing it normally does.

This sounds like something in the main zencart files.

maybe posting a link to the featured listing page may help you get better help cause setting the number to 12 should get you 4 acorss then 3 down.

Good day to everyone if this thread is still monitored.

I installed it after the Column Layout Grid mod and made some small changes to achieve what I wanted. It all works as expected except for two minor issues which somebody might guide me to solving and have my bless. The changes I made are as below (amendments in red, additions in blue):

1. Changed the 4x4 delim_v.gif to a 1x1 grey dot.
2. Changed the includes/templates/my_template/css/stylesheet_dotline.css from

```
.vDotLine
{
background-color: transparent;
background-image: url(../images/delim_v.gif);
background-repeat: repeat-y;
background-attachment: scroll;
width: 20px;
font-size: 1px;
}

.hDotLine
{
background-image: url(../images/delim_v.gif);
[B]padding:1px 0;[/B]
}

to

``` .vDotLine { background-color: transparent; background-image: url(../images/delim_v.gif); background-repeat: repeat-y; background-attachment: scroll; width: 20px; [B]padding:1px 1px 0px 0px!important; [/B] font-size: 1px; } .hDotLine { background-image: url(../images/delim_v.gif); [B]padding:0px 0px 1px 1px;[/B] } ```

3) Changed two lines in the includes/templates/my_template/common/tpl_columnar_display.php from

``` .... .... <table width="100%" align="center" cellpadding="1" cellspacing="15" border="0"> .... .... echo '<td width="'. (intval($col_width) [B]- 0.5[/B]) .'%" align="center" valign="top"><div' . $r_params . '>' . $list_box_contents[$row][$col]['text'] . '</div></td>' . "\n"; .... ....

to

....
....
<table width="100%" align="center" cellpadding="8" cellspacing="0" border="0">
....
....
	echo '<td width="'. (intval($col_width) [B]+ 0.5[/B]) .'%" align="center" valign="top"><div' . $r_params 
. '>' . $list_box_contents[$row][$col]['text'] .  '</div></td>' . "\n";
....
....
```

Now, the two issues I'm asking help on are: 1) The above amendments have changed the dotted lines to solid thin grey lines which form "boxes". That's exactly what I needed and it appears perfectly in Chrome. However, there is a very small gap on the left of each horizontal line in Firefox and IE. I have played around with the -0.5 value of the php file. If I leave it at -0.5 the gap is a lot more wide. If I change it to +1.0 the gap disappears but then the last column is narrower than the other two by about 15px. The +0.5 is the closest I can get to having equal column widths and a 4px gap. 2) The second issue is not related to this mod but somebody might be able to help. I just want the Buy Now buttons to be aligned at the bottom of each box but can't find a way to achieve this. It could be a simple css line or not. Any help will be appreciated. Wishes for a nice Sunday and kind regards from Athens.

Athens Collectibles:

Good day to everyone if this thread is still monitored.

I installed it after the Column Layout Grid mod and made some small changes to achieve what I wanted. It all works as expected except for two minor issues which somebody might guide me to solving and have my bless. The changes I made are as below (amendments in red, additions in blue):

1. Changed the 4x4 delim_v.gif to a 1x1 grey dot.
2. Changed the includes/templates/my_template/css/stylesheet_dotline.css from

```
.vDotLine
{
background-color: transparent;
background-image: url(../images/delim_v.gif);
background-repeat: repeat-y;
background-attachment: scroll;
width: 20px;
font-size: 1px;
}

.hDotLine
{
background-image: url(../images/delim_v.gif);
[B]padding:1px 0;[/B]
}

> 

>

to

> >

``` .vDotLine { background-color: transparent; background-image: url(../images/delim_v.gif); background-repeat: repeat-y; background-attachment: scroll; width: 20px; [B]padding:1px 1px 0px 0px!important; [/B] font-size: 1px; } .hDotLine { background-image: url(../images/delim_v.gif); [B]padding:0px 0px 1px 1px;[/B] } ```

> > 3) Changed two lines in the includes/templates/my_template/common/tpl_columnar_display.php from > >

``` .... .... <table width="100%" align="center" cellpadding="1" cellspacing="15" border="0"> .... .... echo '<td width="'. (intval($col_width) [B]- 0.5[/B]) .'%" align="center" valign="top"><div' . $r_params . '>' . $list_box_contents[$row][$col]['text'] . '</div></td>' . "\n"; .... ....

to

....
....

<table width="100%" align="center" cellpadding="8" cellspacing="0" border="0"> .... .... echo '<td width="'. (intval($col_width) [B]+ 0.5[/B]) .'%" align="center" valign="top"><div' . $r_params . '>' . $list_box_contents[$row][$col]['text'] . '</div></td>' . "\n"; .... .... ```

> > Now, the two issues I'm asking help on are: > > 1) The above amendments have changed the dotted lines to solid thin grey lines which form "boxes". That's exactly what I needed and it appears perfectly in Chrome. However, there is a very small gap on the left of each horizontal line in Firefox and IE. I have played around with the -0.5 value of the php file. If I leave it at -0.5 the gap is a lot more wide. If I change it to +1.0 the gap disappears but then the last column is narrower than the other two by about 15px. The +0.5 is the closest I can get to having equal column widths and a 4px gap. > > 2) The second issue is not related to this mod but somebody might be able to help. I just want the Buy Now buttons to be aligned at the bottom of each box but can't find a way to achieve this. It could be a simple css line or not. > > Any help will be appreciated. Wishes for a nice Sunday and kind regards from Athens.

How did you manage to have the add to cart button in the main page in categories? I've tried everything that I've read in this foroum. If you could please help me. My demo site is http://www.koufetakia.gr/eshop/index.php?main_page=index&cPath=3_10

How did you manage to have the add to cart button in the main page in categories?I'm not very sure what you are referring to. The link of your demo site does look identical to my http://www.athenscollectibles.info/index.php?main_page=index&cPath=3_36 page, except that it also lists Featured New Products etc. The same applies to your home page compared to mine.

I may be able to help if you are a little more specific. Καλό απόγευμα και καλές γιορτές.

I got my answer in another topic.

(Καλες γιορτες κ σε σένα)

dat311:

Thank you again, DarkAngel. I really appreciate your time and help!!

I tried what you suggested but it didn't work for me.

I ended up commenting out the divider lines in the tpl_columnar_display.php so that the lines disappeared and just added a solid border around the images through the CSS Stylesheet.

.listingProductImage {
padding: 10px;
border: 1px solid #e6e6e7;
margin: 10px;
}

I did not remove the entire Divider Pro Add-on because without it the space between the columns were too close - so the Add-on keeps a nice margin/padding around the column/rows.

I'm happy now - thanks very much!
could you please explain this in details?

satyros:

My demo site is http://www.koufetakia.gr/eshop/index.php?main_page=index&cPath=3_10

Hi sorry i can't help with your issue. But is there any chance you can please tell me how you managed to get your products to display in rows rather than columns on your specials page located here:

http://www.groupiegear.com/kstore2011/index.php?main_page=specials

As I am trying to get my specials page to display like all the other pages that display products in rows rather than in columns.

Thanks.

CybaGirl:

Hi sorry i can't help with your issue. But is there any chance you can please tell me how you managed to get your products to display in rows rather than columns on your specials page located here:

http://www.groupiegear.com/kstore2011/index.php?main_page=specials

As I am trying to get my specials page to display like all the other pages that display products in rows rather than in columns.

Thanks.

First off you need to apply this add-on to your store, it basically will take care of that, then set it in the configuration of your admin section.

The instructions are in the read me too.

DarkAngel:

First off you need to apply this add-on to your store, it basically will take care of that, then set it in the configuration of your admin section.

The instructions are in the read me too.

Hi and thanks for getting back to me. Sorry for the late reply as I wasn't notified of your reply for some reason.

Anyway I installed the mod but it just creates dotted columns on my specials page and some others.

I also could not find any settings in my admin panel to change this.

Are you sure this is the mod you are using to make your specials pages display in rows rather than columns or is it another mod you have installed?

Thanks again for replying and your help much appreciated.

Kind regards,
Erica

Never mind I sorted it out by installing the Single Listing Template mod although I made changes to the mod to suit my needs as I only wanted my specials page to be changed.

Thanks.

CybaGirl:

Hi and thanks for getting back to me. Sorry for the late reply as I wasn't notified of your reply for some reason.

Anyway I installed the mod but it just creates dotted columns on my specials page and some others.

I also could not find any settings in my admin panel to change this.

Are you sure this is the mod you are using to make your specials pages display in rows rather than columns or is it another mod you have installed?

Thanks again for replying and your help much appreciated.

Kind regards,
Erica

yes I do and you can remove the dotted line by probably commenting out in the css file that came with it...maybe.

I also have another mod called column layout grid plus single listing template edit or three_columns_grid_for_new_and_all_products_pages_0-1 Folder if I remember right...been that long since I installed them the final one was because I wanted not just the ones for column divider pro but also the new, featured to be in rows not columns

I also have different ones installed in my sore and the others I handle. I think I have in my personal store the column layout grid and three_columns_grid_for_new_and_all_products_pages_0-1 Folder and single listing template---the first ones for sure

you could try those last three after removing the divider pro one to see

sorry

You are told in the read me to go to admin/configuration/Product Listing - Layout Style and set it to columns...even if it is already that way go ahead and uncheck then recheck it to set it.

edi to previous post

seems I did not edit in time

after reading my own response I may be mixing them all up into one readme, please take a look at the last 2 I wrote and see if those will work as you want them to, My store has them set this way into columns and not rows.

CybaGirl:

Never mind I sorted it out by installing the Single Listing Template mod although I made changes to the mod to suit my needs as I only wanted my specials page to be changed.

Thanks.

lol

we posted nearly the same time...see you just wanted 1 page I wanted all pages to be that way

glad you got it to work for you.