Column Divider Pro (CDP) Contrib - Official Thread

[robbie269]

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

Yes tried that.

[robbie269]

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!

[woodstuff59]

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

http://osc3.template-help.com/zencar...ain_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/kstore201...ain_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)

[DarkAngel]

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

http://osc3.template-help.com/zencar...ain_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/kstore201...ain_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.

[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

[DarkAngel]

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

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

did you set the number to show higher?

[HBELLC]

yup i raised or upped the amount

[DarkAngel]

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.

[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);
    padding:1px 0;
}

to

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

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

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) - 0.5) .'%" 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) + 0.5) .'%" 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.

[satyros]

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);
    padding:1px 0;
}

to

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

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

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) - 0.5) .'%" 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) + 0.5) .'%" 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...dex&cPath=3_10