jQuery slider to scroll a Div

Hi, I'm trying to use this .js to scroll my product listings. The problem with the script, it sets a fixed width on the hidden/overflow div container. This is a problem as each category may have any number of products.

You can see how it is implemented on my store here:

http://tattoodesignmall.com/index.php?main_page=index&cPath=2

I'm using "column" layout and tried to modify the:

product_listing.php

I tried updating the else statement to use the ($num_products_count) instead of PRODUCT_LISTING_COLUMNS_PER_ROW (which is being pulled from the Admin - Config - Prod listing

} else {
  $col_width = floor(100/$num_products_count) - 0.5;

but this did not seem to work.

Has anyone gotten a slider to work with ZenCart?

Here's the javascript slider if there are any php/ZenCart experts willing to take a look. I think its a cool feature that a lot of sites could use:

http://blog.paranoidferret.com/index.php/2008/10/24/using-jquery-slider-to-scroll-a-div/

Thanks!!

-Chris

Oh, a slider, I remember we did it on a site, let me check

If you want, you can use the number of products AND the image size to calculate the width you need.

Very cool. Any idea how to do this?

$col_width = $num_products_count * <your_image_width>

that should give you the correct width.

On the other hand, why don't you just override the tpl_columnar_display.php and edit that. Remember that the actual columnar table is created inside this file so it will be easier to manipulate the listing in there.

Caution: tpl_columnar_display may be used in more than one place, so make sure you want the effect everywhere it is used before changing its behavior.

True gjh42, thanks for the heads-up.