jQuery slider to scroll a Div

[cxdmedia]

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.ph...=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...-scroll-a-div/

Thanks!!

-Chris

[yellow1912]

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

[yellow1912]

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

[cxdmedia]

Very cool. Any idea how to do this?

[abdulmueid]

$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.

[gjh42]

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.

[abdulmueid]

True gjh42, thanks for the heads-up.