Announcement

  •  » Themes
  •  » [theme] [smartpocket template] how to change the thumbnail size ?

#1 2013-10-16 17:06:44

olivier robin
Guest

[theme] [smartpocket template] how to change the thumbnail size ?

Hi,

in the smartpocket template, I would like to change the thnubnail size of the photo.

to give more detail, when you click on an album link in the menu, you are redirected to a page :
showing all the thumbnail of your images (linked to the selected album).

it is those image thumbnail size that I would like to update.

any idea would be welcome.
thanks
Olivier

 

#2 2013-10-16 19:26:50

flop25
Piwigo Team
2006-07-06
7037

Re: [theme] [smartpocket template] how to change the thumbnail size ?

Hi
you mean the squared thumbnails when you're inside an album?


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#3 2013-10-17 12:05:09

orobin
Member
2013-10-16
25

Re: [theme] [smartpocket template] how to change the thumbnail size ?

yes.

I am doing some tries, with the current version in dev and in this version, the thumnails are really small.

in stable version, the thumbnails are in 3 colmum, and 4 rows (12 thumbnails per page)
here, there is 7 columns ! 2 rows. it used something like 25% of the screen of the smartphone...

I know that the trunk / dev is a daily release, I just want to make some investigation (I am curious) to understand why it is lilke this in this current template.

here is the whole story :o)

I have atteched a screen shot....

thanks
Olivier

Last edited by orobin (2013-10-17 12:08:36)

Offline

 

#4 2013-10-17 12:11:14

flop25
Piwigo Team
2006-07-06
7037

Re: [theme] [smartpocket template] how to change the thumbnail size ?

indeed that's small!
and that should [edit]not be[/edit] that small! How is set the Square size?

Last edited by flop25 (2013-10-17 13:07:15)


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#5 2013-10-17 13:32:16

orobin
Member
2013-10-16
25

Re: [theme] [smartpocket template] how to change the thumbnail size ?

square size ? I don't know.
for the moment, except the videoJS plugin installed, I changed no options, or parameter in my website.

where I can find this option ? (or in which file ?)

thanks
Olivier

Offline

 

#6 2013-10-17 13:34:22

flop25
Piwigo Team
2006-07-06
7037

Re: [theme] [smartpocket template] how to change the thumbnail size ?

Options->Picture size


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#7 2013-10-17 14:05:18

orobin
Member
2013-10-16
25

Re: [theme] [smartpocket template] how to change the thumbnail size ?

thanks for reply.

I tested it,and had "strange" results.

on mobile :
check, uncheck xxs, xs, M, etc... seem to not do anything.
update thumbnail value : no change.
update Square value, (not sure this is it in English, I can't have the admin in English :o(, does the trick :o)

but

on PC computer :
check un check XXs, XS, etc... I don't see where I can see the difference ???
update thumbnail size : do not change the thumbnail size in the album view (I don't speak about the photo view)
update the square size change the square size around the thumbnail, but not the thumbnail itself.

thansk anyway for your patience, and feedback.

Olivier

Offline

 

#8 2013-10-17 14:20:10

flop25
Piwigo Team
2006-07-06
7037

Re: [theme] [smartpocket template] how to change the thumbnail size ?

so in a certain way the Square size has been changed, and was the cause of that so small square thumbnails

that thread is solved


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#9 2013-10-17 15:09:03

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13791

Re: [theme] [smartpocket template] how to change the thumbnail size ?

I haven't investigated at all, but I know rvelices has worked on using pixelratio (which is bigger than 1 on "retina-like" screens). If we use the thumbnail size with pixel ratio = 2, then they 2 times smaller.

Offline

 

#10 2013-10-17 15:30:03

orobin
Member
2013-10-16
25

Re: [theme] [smartpocket template] how to change the thumbnail size ?

>that thread is solved

sorry, except if I make mistake, but I think no.

when I use the 2.5 version, straight from scratch, without any changes, on mobile, the thumbnail are ok.
when I use the daily trunk, from scratch, I have small thumbnail on mobile.
when I change the square, I can increase the thumbnail on mobile, but then, I have large square on PC version.

I am not sure that I am clear in my explanation.
do you need more scren shot ?

thanks
Olivier

Offline

 

#11 2013-10-17 15:55:49

flop25
Piwigo Team
2006-07-06
7037

Re: [theme] [smartpocket template] how to change the thumbnail size ?

orobin wrote:

when I change the square, I can increase the thumbnail on mobile, but then, I have large square on PC version.

taht was not mentionned!
so it's certainly what plg said; so that's a real problem if that's enabled on all mobile devices


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#12 2013-10-17 16:03:54

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13791

Re: [theme] [smartpocket template] how to change the thumbnail size ?

I confirm that we use pixel ratio and it makes thumbnails (size Square) very small.

Solution for now: [Administration > Configuration > Options > Photos sizes], edit size Square to 200pixels and size Thumbnail to 201 pixels.

Offline

 

#13 2013-10-17 16:19:51

orobin
Member
2013-10-16
25

Re: [theme] [smartpocket template] how to change the thumbnail size ?

Hi,

thanks.
for now, I will do that :o)

>that was not mentionned
yes, I was not clear enough :
"update the square size change the square size around the thumbnail, but not the thumbnail itself."
sorry

thanks for support.

Olivier

Offline

 

#14 2013-10-17 16:21:27

flop25
Piwigo Team
2006-07-06
7037

Re: [theme] [smartpocket template] how to change the thumbnail size ?

thx to you to helping us to debug :)

it seems the devicePixelRatio is problematic or that's just a bug in our script


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#15 2013-10-18 15:34:50

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13791

Re: [theme] [smartpocket template] how to change the thumbnail size ?

I have discussed with rvelices and P@t (original author of SmartPocket).

rvelices is preparing a responsive theme, that you can already see on his website http://www.modusoptimus.com/pwg/ : he uses the pixel ratio to display sharp photos and thumbnails on retina-like devices (ie smartphones and tablets). He has implemented the pixel ration on 2.6 core, this is why the thumbnails are so small on SmartPocket.

The solution I gave (have bigger dimensions for the "Square" size) was just a workaround for now. We can either deactivate the pixel ratio or use custom sizes like rvelices does on his theme. Actually I think the best solution would be to adopt the same display than rvelices theme for thumbnails on Smartpocket. I've shown it to P@t and he agrees.

This is the result on my iPhone.

http://piwigo.org/forum/showimage.php?pid=147027&filename=IPH0167.jpg

I think this presentation is better than Square size. Do you agree? rvelices, would you like to implement this display on SmartPocket?

Offline

 
  •  » Themes
  •  » [theme] [smartpocket template] how to change the thumbnail size ?

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2024 · Contact