Column Divider Pro (CDP) Contrib - Official Thread

have uploaded mod, is cool, thanks

one of the things with zen cart that always niggles me is modifying the product liting pages

i often use the grid column layout as i think it looks best, but, i can never find the code to change, div's, etc. to make it look better (thanks to this mod, i got a little further)

i have looked in the files in /modules/, /templates/, everywhere!

The first, and main thing I would like to do is change so the content for each product is NOT centred. I can see that when viewing source the div is styled with 'centredContent' class, but, i cannot see where the code is to change this, seems so easy, yet so hard, could accomplish so much more by just knowing this!

also, if you hide the description it leaves an empty div there which creates an unneccessary space, would also like to get rid of this

anyone have any ideas?

You can change the float of the text using CSS, You can even add new div inside the display which allow you to split the content of the box into different classes. For example you can center the image and align the descrription, title and price to the left; which I think looks good and professional.

You can look into includes/modules/new_product or product_listing or any other box to do the editing. There is only one line that controls the display in those boxes I think it should be around line 73.

Hi

Thanks for reply.

The code for one of the products in products listing looks like this on a live page:

Code:

---

<DIV class="centerBoxContentsProducts centeredContent"
            style="WIDTH: 100%"><A
            href="http://www.northdevonsurfshop.co.uk/index.php?main_page=product_info&amp;cPath=1&amp;products_id=3"><IMG
            class=listingProductImage title=' Cortez Quad 6ft 4" ' height=120
            alt='Cortez Quad 6ft 4"'
            src="Surfboards%20%20North%20Devon%20Surf%20Shop,%20Surf%20Warehouse%20Based%20in%20Westward%20Ho!,%20North%20Devon_files/surf%2520board.jpg"
            width=34></A><BR>
            <H3 class=itemTitle><A
            href="http://www.northdevonsurfshop.co.uk/index.php?main_page=product_info&amp;cPath=1&amp;products_id=3">Cortez
            Quad 6ft 4"</A></H3>
            <DIV class=listingDescription></DIV><BR>£289.00<BR><BR><A
            href="http://www.northdevonsurfshop.co.uk/index.php?main_page=product_info&amp;cPath=1&amp;products_id=3">...
            more info</A><BR><BR></DIV>

---

I have looked at products_listing.php before but couldn't find what I was after, I can see class="itemTitle", but I can't see the code for the centeredContent div, which is the main bit of code i would ike to change as it is centring everything.

To be able to assist you more can you post a link to your site? And tell me exactly what you want to do?
I can attempt to help you then. I usually keep playing with the CSS and the code to get what I want. I am no expert just learned from my mistakes.

is ok, it is sorted

turns out i was looking in the wrong place

i was looking in default product_listing.php, when, in fact, i shuld have been looking in the product_listing.php provided with the column grid layout mod.

I found:

Code:

---

class="centerBoxContentsProducts centeredContent"

---

and changed centredContent to a new class .leftContent which is aligned left

i could have also just added a new style .centerBoxContentsProducts.centeredContent {}

thank you

Quote:

---

Originally Posted by datvtran

Hi,

I'm having a problem with the column divider and wonder if i'm doing it right. When i click on the product list, it would show Product Listing - Columns Per Row = 3 but when click on the next button it the alignment of the product list is off.

Hope someone can help me on this please.

the link is http://trendshop.ca/index.php?main_p...ort=20a&page=1 and if you go on the second link http://trendshop.ca/index.php?main_p...ort=20a&page=2 .

Also i was wondering how i can have the border over the content and not just the image itself.

Thank you
Dat

---

Hey DAT,

I'm just wondering how you got the border out of each product on this listing. I'm trying to change on the stylesheet but it didn't work for me... if you or someone could give me a piece of advice would be great.

Thanks,

Dave Jr.

Hi!! I am having problem with the listing... it shows either one or two coloumns while i have selected 3 and it shows all messedup layout sometimes as just one center aligned coloumn or sometimes few on left and nothing on right n then few on right and nothing on left..

http://mediasolu.com/xtreme/index.ph...index&cPath=11

I am using this contribution with coloumn grid layout... and i am talking about the product listing when you click a category and not the ones below in featured etc as that looks fine

Quote:

---

Originally Posted by dhaval

Hi!! I am having problem with the listing... it shows either one or two coloumns while i have selected 3 and it shows all messedup layout sometimes as just one center aligned coloumn or sometimes few on left and nothing on right n then few on right and nothing on left..

http://mediasolu.com/xtreme/index.ph...index&cPath=11

I am using this contribution with coloumn grid layout... and i am talking about the product listing when you click a category and not the ones below in featured etc as that looks fine

---

hey DHAVAL,

Check this thread... I think this might help you... FYI, the MOD version that you downloaded may not be the good one.... http://www.zen-cart.com/forum/showthread.php?t=100003... Hope this will help you!.

Dave Jr.

Quote:

---

Originally Posted by Dave2006

Hey DAT,

I'm just wondering how you got the border out of each product on this listing. I'm trying to change on the stylesheet but it didn't work for me... if you or someone could give me a piece of advice would be great.

Thanks,

Dave Jr.

---

I don't know if someone has read this post, but if anyone may help me with this... I would really appreciate...

Thanks a bunch.

Dave Jr.

i got the latest version of the contribution!! and Dave if you want to remove border, you can try and open that image with dot that makes those lines and you can change it to blank image with white or whatever your background color is...