PDA

View Full Version : Can I change thumbnails?



Ammar Alkraidi
April 20, 2015, 10:31 AM
Hello everyone,

In search results, I would like to customize how the listings appear in grid view, everything is ok so far except i need to make the size of thumbnails bigger.
I tried to change the width of .photo parameter in the style sheet but the image distorted.
How this can be performed? so I can change 126x96 px size to higher/lower ratio?

thank you,

Viktor
April 20, 2015, 12:13 PM
Hello Ammar,

You can try to change it yourself through ftp.
Open file: ftp://templates>>general_modern>>css>>style.css find class at line ~820


div#listings div.list td.photo img

and remove line 'width: 62px;'. Save and check again.

Ammar Alkraidi
April 20, 2015, 01:55 PM
thanks Victor,
I'm in grid view, div#listings div.list td.photo img, changes nothing.

this parameter effected the image
div#listings div.item td.photo img

but the thumbs distorted.. i tried adding new listings with higher resolution images but it is the same.
Its like the thumbnails by defualt are small when adding width value it is magnified.

I need to regenerate bigger thumbs, I think it is somewhere within
\libs\upload\jquery.fileupload-ui.js

but still not able to figure it out :wacko:

Viktor
April 21, 2015, 04:19 AM
Hello Ammar,

Please don't touch \libs\upload\jquery.fileupload-ui.js

Go to: ftp://templates>>general_modern>>css>>style.css find class at line ~820
find this code:


div#listings div.list td.photo img {
width: 62px;
border: 1px #8dafc6 solid;
}



and replace to:


div#listings div.list td.photo img {
border: 1px #8dafc6 solid;
}


save and then clear cache for your browser and then refresh search page.

Ammar Alkraidi
April 21, 2015, 11:24 AM
Hello Viktor,

Unfortunately it is not working.
When I add images to my listing, right after been uploaded to
/files/subfolder/ad#
the thumbs size created 120x90 px.. well, I want the size of the created thumbnails is 220x165 px.

In other words, during creating new listing, at add images step, the images I add is saved into /files/ folder in 2 versions, the original size and the thumb size which is 120x90 px. I want the created thumb version to re-size to another size/dimensions other than 120x90px. thus when I switch to grid mode (which I changed to be the default) the thumbs looks bigger and not distorted.

Viktor
April 21, 2015, 12:13 PM
Hello Ammar,

Please check my screenshots on search results page with style and after remove it.

Ammar Alkraidi
April 21, 2015, 12:44 PM
thats right, but unable to make that happen in Grid view. I have it changed the view to be by default in Grid view (in the offline version of the website).
Kindly see these screen shots
12671268

Viktor
April 22, 2015, 04:30 AM
Hello Ammar,

For grid view change there:

same file: ftp://templates>>general_modern>>css>>style.css find class at line ~704

div#listings div.item td.photo img

and add "width: 196px;" save and refresh page again.

Ammar Alkraidi
April 26, 2015, 04:17 PM
thanks Viktor