element.style

[in2sky]

There is an "element.style" in Prestashop and can't locate which file has it.
It's actually used in the product page, styling the size area for small thumbnails beneath the bigger product photo
which I'm trying to customize.
I just can't find where is element.style located, didn't find it in the global.css...
any help much appreciated.

[tk007]

Hi ! Same problem for me.

BR
tk007

[TheOne7Up]

If you mean that:
http://www.abload.de/img/thumbs_list_frame.elemhfgw.jpg

Here is the solution:

>Search "thumbs_list_frame" (4 hits in 2 files) (search done with notepad++)
 C:\Users\kkk\Downloads\prestashop-german-edition-1311-6\themes\prestashop\js\product.js (3 hits)
   Line 308:     $('#thumbs_list_frame').scrollTo('li:eq(0)', 700, {axis:'x'});
   Line 318:         $('#thumbs_list_frame').width((parseInt(($('#thumbs_list_frame >li').width())* i) + 3) + 'px'); //  Bug IE6, needs 3 pixels more ?
   Line 318:         $('#thumbs_list_frame').width((parseInt(($('#thumbs_list_frame >li').width())* i) + 3) + 'px'); //  Bug IE6, needs 3 pixels more ?
 C:\Users\kkk\Downloads\prestashop-german-edition-1311-6\themes\prestashop\product.tpl (1 hits)
   Line 114:             </pre>
<ul>

The interesting part is in product.tpl:
width: {math equation="width * nbImages" width=80 nbImages=$images|@count}px

In the end it looks like:
width: 12345px
because the part in {} is only an equation and results in a number

The width, which is set to 80px is multiplied with the number of images nbImages thas is calculated from $images.

you could just hardcode that width but it has some flaws then. Better you use at least the number of images nbImages to set your width. i.e.:
width: {math equation="width * nbImages" width=120 nbImages=$images|@count}px
for 120px large previewpictues.

[razaro]

element.style means that html element have inline style or it is computed by php or JavaScript