Largo del scroll de los thumbnails

[i34a23]

Estimados,

Necesito ayuda con el siguiente problema que me surgió.

Resulta que necesito reducir la distancia que existe entre los thumbnails, por lo que a la fuerza lo hice:

 

modifique una linea de codigo del product.tpl

		<div id="thumbs_list">
			<ul id="thumbs_list_frame">
				{if isset($images)}
					{foreach from=$images item=image name=thumbnails}
					{assign var=imageIds value="`$product->id`-`$image.id_image`"}
					<li id="thumbnail_{$image.id_image}" style="width:80px !important">

si se fijan agregue lo siguiente <li id="thumbnail_{$image.id_image}" style="width:80px !important">

style="width:80px !important"

 

y dio resultado. pueden ver un ej: 

http://monkystore.cl/home/26-gorra-supreme-.html

Pero aparecio un problema que no me esperaba, al hacer scroll en los thumbnails, el scroll que hace es muy largo y luego pareciera que se devuelve, ¿como puedo hacer que el scroll avance de foto en foto? (Espero haberme hecho entender).

 

Muchas gracias anticipadas

Edited December 19, 2013 by i34a23 (see edit history)