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
Powered by vBulletin® Version 4.1.9 Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.