[0.7.9] - Category List Options

New Version: v079.1

What Does This Contrib Do:
• This contrib adds the ability to add the product description, product options & add to cart button to the category listing
in a row-style format. Complete with checklist or individual add to cart buttons.


Features:
• Checklist or Individual button styles for allowing quick adding of products to the cart
• Completely Separate tpl files based on checklist or individual. Leaving the default category.tpl file untouched.
• Can be completely enabled or disabled from admin
• Configurable to show product options
• Configurable to show product description
• Configurable character count for how much of the description you want on the category page, followed by “…”.
• Option to return back to the list instead of being redirected to cart to make it easier to add products to the cart quickly
• Optional javascript “Adding product(s) to cart” message. Message always stays centered on page no matter where the scroll bar is.
• Support for Option Weight & Stock contrib (but not required)
• CSS/DIV Designed

DEMO
DOWNLOAD

Q, one day, when you are not busy, in 21 years years time,
Maybe apply r158 to this CLO and Options Weight .tpl(s)
ie change hard coding of css from eg to Also, is it possible to stop the page jumping to the top after add to cart with "individual"
On a category page with a long list of products, after the add to cart is clicked, the page jumps back to the top. I assume it's cos of a page refresh.
This makes it annoying as the buyer then has to scroll back down to the bottom and remember where he was.

I suppose the work-around is to have short pages or to use the checklist style

http://i384.photobucket.com/albums/oo28 ... ee_ani.gif[/img]

BTW - CS Cart have done the stop-jump so we should have it too, n'est pas

actually I meeant to ask hm2k or daniel about the page jump. its seems that most sites when u hit f5 will reefresh and return back to their location. open cart doesn't so im not sure if that is the reason clo does it too.

why didn't u catch that css bug earlier! slacker! what am I paying u for!?

Qphoria wrote: open cart doesn't so im not sure if that is the reason clo does it too.

I've seen it happen on other carts. There is a solution, thought I'm far too lowly skilled to have a clue.
I went to cs-cart and they've managed to overcome the problem
I also noticed that they have a style where we can have both the add To Cart button and the checklist. Is that a form within a form. Can we do nested forms?

why didn't u catch that css bug earlier! slacker! what am I paying u for!?

I'm just a trainee but I now know how to put pictures in here
http://i384.photobucket.com/albums/oo28 ... nipooh.gif[/img]

Try this one. Using default install data and Firefox 3
1. Put Product 1, 2 and 3 to Category 1
2. Add an option to Product 2. (Leave Product 1's options)
3. Set CLO to use Checklist with Qty box

Now try and tick Product 2.
Product 1 can be ticked because it is first
Product 3 can be ticked because it has no options
Product 2 cannot be ticked

Try it in IE 7 and it works

Back to Admin and set Qty Box to 'No' > We can buy Product 2 now with Firefox
Problem is using Checklist + Qty Box + Product "with Options" + Firefox
Go figure 

jty wrote: I've seen it happen on other carts. There is a solution, thought I'm far too lowly skilled to have a clue.
I went to cs-cart and they've managed to overcome the problem
I also noticed that they have a style where we can have both the add To Cart button and the checklist. Is that a form within a form. Can we do nested forms?

CS-Cart is heavily javascripted. They actually have 1 form, as the checkbox form, and the individual add to cart buttons are actually javascript calls to submit the form. I could maybe try that too.

The actual adding to cart is also done with ajax which is why the page doesn't refresh and shift to the top. I would assume frenchy cart does that too since it uses ajax.

But still the page refresh shouldn't really be sticking to the top unless a cookie or some kind of autofocus is happening. Ill look at it more.

Ill also try your case above and see what the problem is

jty wrote: Try this one. Using default install data and Firefox 3
1. Put Product 1, 2 and 3 to Category 1
2. Add an option to Product 2. (Leave Product 1's options)
3. Set CLO to use Checklist with Qty box

Now try and tick Product 2.
Product 1 can be ticked because it is first
Product 3 can be ticked because it has no options
Product 2 cannot be ticked

Try it in IE 7 and it works

Back to Admin and set Qty Box to 'No' > We can buy Product 2 now with Firefox
Problem is using Checklist + Qty Box + Product "with Options" + Firefox
Go figure 

I set my demo site as explained in your post.
I have no problem ticking any checkbox on that page, with or without the multi-item box on FF3
Maybe it's only with the Aussie "Firefoux"

Qphoria wrote: Maybe it's only with the Aussie "Firefoux"

It must be the French Firefoux

Your demo works for me so I did another test

Try this:
Keep your data as is but "turn off description"
With description > no problem
Without description > can't tick Product 2

It's like looking for a needle in a hay stack 

------------
Did another test. It has to do with the description
With description turned on but the product has no description again > can't tick

I suspect it has to do with CSS, weird though it may sound
I'll check it out further later

Yea i see.. its something with the way the checkbox displays.. its like behind an invisible block or something. I really hate styling why cant things be simpler

Ill look to try a better fix.

I found the fix.
The problem is because when there is no description, the qty box moves up and covers/overlaps the checkbox.
The result is that clicking on the checkbox > click on qty box instead
To fix it is a CSS issue. I have done it by making
In making weight: 40px >> the qty box no longer covers the checkbox.

What a dumb stupid problem 

When there are no products in a category eg when it's a master category with sub cats, get an error undefined text_clo_notify_msg (seen in source)
I put in the categories section of catalog.php to stop it complaining

Good find. I'll add it to the next version

Hi

Great contribution! I am wondering how to remove the gap between the top of the image and the top of the description text as shown bellow. They are not lined up. I even removed fckeditor and inserted the descriptions in html, just incase that was the problem...

Adam

UPDATE: v079.3
- Updated to use gethtml function
- Updated to use proper template reference for css file

Download




But that won't really fix your problem adam,

The height is possibly fixable by editing the clo.css file. Unfortunately, css design is my weakness. The fact that it looks as good (or bad) as it does, was just by luck.

adam777 wrote: Great contribution!

That's because I tested it and broke it many times 

I am wondering how to remove the gap between the top of the image and the top of the description text as shown bellow. They are not lined up. I even removed fckeditor and inserted the descriptions in html, just incase that was the problem...

You need to play around with the CSS. That gap may be from a <p tag
Also make sure you check it on IE as well as Firefox. I found that Firefox and Opera behaved the same way but IE would have a mind of its own sometimes
Try playing with the margin style or was it the padding style

If you get a nice CSS, someone will appreciate your work. It took me days to o my CSS. Soryr, I can't hand it over cuz mine is so heavily modified that it would blow up the original.

@qphoria, thanks for the new version. Unfortunately, I'm not moving to RC4. I started to but the thought of all that work again was all too hard.