forum.coppermine-gallery.net
Support => cpg1.6.x Support => cpg1.6 miscellaneous => Topic started by: sharpo on November 10, 2018, 01:54:05 pm
-
I'm asking the question as have tried various options over the years and it does work - BUT with the browsers I've tried, and the themes or plugins, there is always something not right.
As mentioned in another topic, with Firefox the intermediate image display won't fit the screen, but HTML5slideshow and Lightbox do fit - but with chrome the intermediate does fit but Lightbox and HTML5slideshow are too narrow.
I tried mobile_lite (or mobile_light) first, then curve_responsive - which had very small thumbnails and only about 12 characters of text per line under a thumbnail, making descriptions harder to read.
Latest attempt was to sample a MonicaNDesign on my mobile, and that had similar limitations on characters under thumbnails as curve_responsive.
Is there a theme for mobile that does work well or have I got some settings incorrectly set? If somebody can post a link to a Coppermine gallery that works well on a mobile but without the above problems, then it would give me some encouragement to keep trying to get mine fixed. Several years ago I came to the conclusion that people just using mobiles wouldn't waste time trying to view the galleries as at first view things just didn't fit.
I usually forget links, but on this occasion I'm remembering to add them - try with a mobile and hopefully you'll see the problems I'm trying to deal with. One has curve_responsive set for mobiles, the other mobile_lite(or light)
http://sharpo.co.uk/cpg16test/index.php
http://sharpo.co.uk/cpg15test/index.php (I know it says cpg15 - but I did upgrade it)
Even if you don't have an answer, it would be good to know if you have the same "problems" as I explained above - unless of course it all works for you???????
-
You just need to have a "good" theme. CPG comes with some now quite old and not well suited for mobile themes. But there are way too few people involved with the project to spend time working a developing new themes. There are a lot of themes out on the web.
One designer that I like is here: https://monicandesign.com/shop/category/themes/
It's probably not the style that you're looking for, but it would be a good start for you to modify to get it to look the way you want. They work pretty well with mobile.
Download #12 that is free, see how it works for you on mobile and adjust it the way you want.
-
Thanks for reply, yes, I had noticed not many of the listed developers were "active" now, which obviously does not help.
I did try that free design you suggested some months ago but wasn't overly impressed by it.
No doubt, like everybody else, my spare time is limited and my knowledge on editing themes is next to nothing - which is why I asked the question, hoping to get a few pointers as to what to try or do next. Have to see what happens over the coming days/weeks etc.
With more and more people spending their time with eyes glued to mobiles I do feel I would like my galleries to work a bit better for them without having the need to "tweek" the screen to make things fit in or fill the screen. For tablets and desktop, for me it's just right.
Any further comments, or other themes to try, will be most welcome. Thanks in advance.
-
Rather than mess up one of my other test sites, I've set up a 1.16.04 gallery purely to try to try and work on improving the look for mobiles. Just 3 images in it to my usual size of 957x638, as that is the same as the other 25,000 or so in my main site.
Added Lightbox notesfornet, HTML5 slideshow and MiniCMS. Just to point out I had to search for some edits to correct some problems I had in recent weeks - one was to get the text at bottom of screen for HTML5 slideshow and the other was a problem with Lightbox that did not show the captions below image and the 2 buttons displaced to the right.
Firefox browser works very well, MiniCMS messages show, HTML5 slideshow and Lightbox both work well after making edits as above. Chrome gets screwed up with HTML5 slideshow though, the image starts half way across the screen and is probably 3 times bigger than it needs to be. Thought that worked in my previous test sites, maybe I messed something up when setting it up just now.
The common problem for me with both browsers is that only about 8 or 9 characters fit on a line below a thumbnail image. A quick look at the home page and scrolling down will show what I mean. Any suggestions on the files to edit to alter that would be a start for me to start working on it.
http://www.sharpo.co.uk/cpgmob/
With Firefox on my desktop I've got that "inspect element" option to click on the screen and view the code when clicking on parts of the gallery screen, developer tools I think it's called.
I'm making an effort - any help will obviously be appreciated, thanks in advance.....
-
I've made no further progress, not surprising with my limited knowledge.
Have spent some time wondering whether I should post this or not, or in which topic I should post???!!! Anyway, not wanting to appear a troublemaker or clog up other topics, I'll post it here.
I looked at a gallery which is linked to from a recent contributor's posting, making a point of viewing it with my mobile - and found similar problems to some that I have. It has an HTML5 slideshow which works fine with Firefox, but not with Chrome or Samsung. The problem on one is that the image in the slideshow is way too big for the screen, with the other the whole screen seems to disappear from the mobile when swiping.
Obviously I'm not criticising a gallery, or any of the developers/helpers/posters on here - just trying to be constructive and point out that there are problems which others may not have realised, and that it's not just my sites.
-
You'll have to forgive me if I'm rambling on a bit - but I have made slight progress.
Decided to have another look at mobile_light plugin and realised it was easy to edit some basic configuration settings, and adding minicms/ in front of breadcrumb on line 4 of theme.php will now show the MiniCMS messages, as it would do on a desktop.
I'm using Chrome on my mobile, the intermediate image fits the screen well, HTML5 slideshow works as expected without a problem a mentioned in the previous post. The drop down menu works for "Last uploads" etc. Title and description show in a good way below thumbnails BUT the only problem so far is Lightbox only fills just half the screen, starting on the left side, leaving a big gap on the right with the intermediate image showing. Double tapping in the black area below it does enlarge it to almost fill the screen, but there must be a simple explanation to the problem - to others maybe, but not me.
If you want to follow progress, use Chrome for http://sharpo.co.uk/cpg16test/index.php
Just tried Samsung browser and Lightbox image is smaller and if double tapped fills less of the screen.
Maybe waffling a bit - but it is progress??????
Any input on this, from anybody - most welcome.
-
I made 2 small changes to the mobile_light theme that should solve some of your issues.
Thought it might be easier to post the modified one here for you rather than give you info on what files and lines to change.
-
I made 2 small changes to the mobile_light theme that should solve some of your issues.
Thought it might be easier to post the modified one here for you rather than give you info on what files and lines to change.
Just given it a try. It's not easy to give a quick answer as to what it solves. Firefox still won't fit in all the intermediate image, but Lightbox image does fill the screen. Looking at the intermediate image, and at my logo it gets to ".....world.c" then cuts of everything to the right.
Then I concentrated on the Samsung browser, wouldn't fit there, so I started reducing the text size within the browser settings from 100% to 90, then 80, then 70 and finally at 60% it fits.
The site I was playing with on this occasion is this one:-
http://www.sharpo.co.uk/cpgmob/index.php
I can understand it being difficult with browsers not all working the same way and maybe not all people have the same browser settings for text etc. Hope I'm not giving you clever people too much grief on this, but if it can be solved it would be great for mobile users!!!
-
Just got back from shopping. I'm sure Chrome used to fit the intermediate, but now it's too wide. Have tried reducing text size think that would fix it as Samsung browser does - but it made no difference. Also set system font size to small and that made no difference
Firefox only seems to have system settings for text size so can't try altering that.
Lightbox does now fit, but Chrome hides the top Lightbox image border under the browser bar, Firefox does space it down a few pixels, probably as it should do.
Not easy, is it? I know several years ago I tried to forget about my gallery on mobiles - and I used to get other things done. Perhaps I should forget about the mobile view again?????
Hope somebody proves me wrong!!!!!
Anyway, thanks for giving it some thought - maybe a bit more tinkering needed???
-
In the mobile_light style.css file, at line 293, change:
.navmenu img {
margin-top: 1px;
margin-right: 0;
margin-bottom: 1px;
margin-left: 0;
}
to:
.navmenu img {
margin: 1px 0;
}
-
In the mobile_light style.css file, at line 293, change:
.navmenu img {
margin-top: 1px;
margin-right: 0;
margin-bottom: 1px;
margin-left: 0;
}
to:
.navmenu img {
margin: 1px 0;
}
Not quite sure what that was supposed to do. Firefox and chrome still have the intermediate cut off on the right hand side. Samsung browser HTML5 swiping to the left swipes the whole of image one off the screen, leaving it blank, but at least the intermediate fits the screen.. A gentle backwards and forwards sometimes gets it working
-
Sorry ... I don't have your equipment. It works okay on my mobile (iPhone: Safari and Chrome). Other than that, I can only test in emulation. Your mobile must have a very narrow screen. Or, perhaps you need to clear the cache. I'm surprised it was not better.
-
Sorry ... I don't have your equipment. It works okay on my mobile (iPhone: Safari and Chrome). Other than that, I can only test in emulation. Your mobile must have a very narrow screen. Or, perhaps you need to clear the cache. I'm surprised it was not better.
Huawei P8 lite 2017 is the phone.
DISPLAY Type IPS LCD capacitive touchscreen, 16M colors
Size 5.2 inches, 74.5 cm2 (~69.5% screen-to-body ratio)
Resolution 1080 x 1920 pixels, 16:9 ratio (~424 ppi density)
I've cleared the cache so many times in recent days that I probably do it when asleep as well.
Just tried on another Huawei mobile for the first time, so shouldn't have had any of the content in the cache, results for Firefox and Chrome are the same for the intermediate image screen, it just cuts the right hand end off.
The edit I did from your earlier post is as below, starting at line 285, which shows the cut and paste at 293, I'm sure I did it correctly:-
.navmenu {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
color: #FFFFFF;
font-weight: bold;
background : #8AA5B5 ;
border-style: none;
}
.navmenu img {
margin: 1px 0;
}
.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #FFFFFF;
}
Besides clearing the cache, again, are there any other mobile settings such as text/font size that I need to check, or in browser settings?
-
What I see now is an issue with the comment section at the bottom. Turn off the comments feature and see if the rest displays okay. If so, I'll (hopefully) come up with a modification to deal with the comment issue.
-
I was looking to see where comments turn off, but didn't see it, will try that again
-
Comments turned off and the intermediate fits the screen with Chrome. One problem solved!! I did wonder when I saw all those emojis earlier but had forgotten where to disable comments. HTML5 slideshow goes way oversize though, ever noticed that?
-
Just had a few minutes to try with the 3 browsers.
Firefox seems to be perfect at the moment, intermediate fits, Lightbox works, and HTML5 slideshow works.
Chrome, Intermediate and Lightbox seem OK but HTML5 slideshow creates oversize images and will just disappear when swiping, can be pinched smaller but then text doesn't line up.
Samsung, once again OK until trying HTML5, the image fits but will just disappear to the left when swiped. Swiping back can then get it working.
-
Sorry, it's me again. Just made a YouTube video, I'll keep it unlisted but available to "all here" from a link which I will post in this topic later.
I use three browsers on the site and you will see how each browser performs. Hopefully we'll be getting closer to solving the problems, I say we but really mean "you experts" on here.
Probably ready in a couple of hours......
-
Video took a while to upload, hope it explains the problem I'm having with HTML5 slideshow.
I feel the winning line is in sight...... Won't get there on my own though!!!
https://youtu.be/01x3kuhQYZs
It's an unlisted video but should show if you use the above link.
-
Thanks for taking the effort to make the video. But I just have not been able to get it to behave like that. I can't imagine where the problem could be. And without it in front of me, I can't debug it. Does it do the same thing with the Monicandesign theme? Or how about landscape view .. same?
-
Haven't had a chance to change theme yet, but did try another site I looked at a couple of days ago. Chuckster had posted and linked to his mopartsunlimited site, and that behaves exactly the same as my site.
I can try my site on an old phone, and my wife's later.
-
Here we go with the latest news....
My theme works fine on my wife's mobile with Chrome.
I installed Monicadesign 12 and tried it on my phone. HTML5 slideshow with Firefox works perfectly, but not Chrome or Samsung browser.
Samsung, swiping left on the first slideshow sends the image to the left and freezes when you stop swiping, but then starts to work if you jiggle back and forth as in the video.
Chrome gives an enormous image too large to fit on the screen, as in the video.
So is it just Chrome and Samsung browser phone that are screwed up? Do you know of any settings within those browsers to change? Chrome is version 70.0.3538.80
-
SHOCK ANNOUNCEMENT>>>
Turned off "force enable zoom" in Chrome and HTML5 slideshow works. Turned off "manual zoom" with Samsung browser and that works as well.
Looks like we're almost there. Need a break now, will change theme back again later.
-
YAY :)
-
Thanks to all for help and assistance over the last days, weeks, months, years or whatever. I think I've now got to the end of the line (that's train talk, as my photos would indicate.)
I've just changed a couple of things in my original 1.6 test and it seems to work with the three browsers I've been playing with. To be honest, I've lost track (trains again!) of the minor modifications I've made to the cpgmob test I was working on in recent days, think the answer will be to download the basic mobile_light theme and other plugins I use, then correct the problems I come across by making the edits.
I'll make a note of each modification that I make, then if other people have similar problems they may find the answer here. Or maybe the themes/plugins themselves need tweeking so that other people who download don't have the same problems???
That's probably it for today, gotta catch up on a few other jobs.
-
Looks like I'll be keeping you amused for a bit longer!!
Deleted the plugins and theme so as to start from the basics of the site. Reactivated comments, installed theme_switch 1.1 and the "special" mobile_light added to one of the posts in a reply to me. Gave it a try, and as expected with the "comments" activated, the page was too wide, so deactivated comments again. This made the page fit - BUT the image became narrow and tall.
I really thought I had it all under control. obviously not.
-
I'm seriously losing the plot at the moment, had a second attempt at re-installing the themes and plugins and messed it up, getting that narrow image again. Probably did something stupid, as usual, then decided to restore all the files I backed up this afternoon.
As it stands at the moment, fully working the way I wanted it to. Will have a break for a few days.
-
I will likely update the mobile_light theme as soon as I've found time to correct the issues caused by the add-a-comment section.
-
No rush on my account Ron, I don't really need it.
If nothing else, at least I've helped discover a problem - even if I didn't know what the cause was or how to fix it.
-
Ron, going back a few posts in this topic you posted the link to that "new" mobile_light theme zip for me. It seems that was causing the narrower images I got a couple of times when trying to recreate what I had done. Just tried 1.5 version 1.0 and the images come out the right shape on my mobile. Still a way off finishing the test rebuild, but it gets me one step further.
I think there may have been some little fiddles or fixes we tried that wouldn't have been needed if the settings in 2 of my browsers hadn't been causing a problem.
At least if it gets sort of "documented" in this topic it'll maybe make it easier if people are searching for similar problems. I'll continue with the recreate project and keep you posted on progress - when I get stuck that is!!
-
I'm obviously up for "Idiot of The Week" award.
I tried again to set up a new site with the mobile modifications. Ended up with the narrow intermediate images again, that's too high in relation to the width. Thinking carefully, I thought the answer would be to use mobile_lite theme and theme_switch from the working site - so deleted those 2 folders and uploaded what I thought would fix the problem. It doesn't, the intermediates are still taller than they should be in relation to the width. BUT if I tip the phone sideways the proportions seem right.
Setting theme_switch for other ordinary themes, including Monicadesign, does get the right proportions, but not for mobile_lite. Was there some other modification done to the "working" one of mine that made function correctly that isn't within the theme? Totally confused now......
-
Hope you haven't fallen off your chairs laughing at my problems. Just thought, reset theme to mobile_light for all, so it will distort the intermediate image if you slide in the edge of your desktop pc browser screen.
http://www.sharpo.co.uk/cpgtest/index.php
-
I've updated the mobile_light theme to include all the changes to fix issues that you found (including the add-a-comment section with smilies). I thought you should test it before I post it in its appropriate place.
-
I've updated the mobile_light theme to include all the changes to fix issues that you found (including the add-a-comment section with smilies). I thought you should test it before I post it in its appropriate place.
OK - will do it now, give me a few minutes to see what happens.
-
Done it - works now as it should do, thanks.
What had I missed with what I installed for it not to have worked properly? Was there another "fix" that had been done somewhere in my other site that had not been taken into account?
If you let me know when there is a "proper" link to that zip file then I will start again with a fresh install and see if it works properly first time.
-
Following on from the previous post, I have enabled comments to see if that now works with the latest mobile theme - and it does.
Making real progress now......
-
What had I missed with what I installed for it not to have worked properly? Was there another "fix" that had been done somewhere in my other site that had not been taken into account?
Yes, there was another little bit that had to be taken care of that wasn't noticed earlier because lightroom had been masking it.
-
My head is getting a bit fuzzy now. Thought I would add the mobile bits and pieces to an old gallery recently updated to 1.16.04. I added 1.6 theme_switch v1.1 (can't remember where I found the link for that, but it was in my downloads) and the mobile_light theme you updated a couple of posts ago.
It all looked as expected until an intermediate image screen appeared - but did not resize, and was twice the width of a mobile screen. I can resize it when phone held horizontal, then lightbox appears too small. When vertical with large intermediate, lightbox fills screen as expected.
Have set site to be mobile_light for desktop as well, if that helps trying to locate problem.
http://sharpos-world.co.uk/kc/
Thought it would be plain sailing by now, but obviously not.
-
In the config for Album List View and Image View you need to set the width to 100%.
-
In the config for Album List View and Image View you need to set the width to 100%.
Thanks, that fixed the intermediate, then I noticed "last uploads", and that example of 2 column display doesn't quite fit either, too wide. After posting this I'll try and compare the config on this with one gallery that works & see if I can spot the problem, will post again if I fix it within the next few minutes, otherwise I'm stuck again.
-
Still stuck, no obvious difference between the two configs regarding screen size settings that I can see.
-
Thanks, that fixed the intermediate, then I noticed "last uploads", and that example of 2 column display doesn't quite fit either, too wide. After posting this I'll try and compare the config on this with one gallery that works & see if I can spot the problem, will post again if I fix it within the next few minutes, otherwise I'm stuck again.
Config -> Thumbnail view ... Unset Show dropdown list of all pages next to tabs
-
Config -> Thumbnail view ... Unset Show dropdown list of all pages next to tabs
Well done that man!!!!!
That seems to have fixed it. Strange setting, don't think I've ever changed it before - obviously a lot I don't understand, but as long as it works!!
-
I will add overrides for the things that you had to change in your config(s) and post an updated version in the thread for the mobile_light theme. Thanks very much for your work in helping to make this theme work better with small displays.
-
Firstly, I'm pleased that my galleries now look so much better on a mobile phone, also that I've been able to "help" in a strange way to get to the end result. You've used your knowledge to solve the problems I've come across, without it I'd still be stuck where I was several years ago trying to get a mobile theme to work properly for me.
Will try another upgrade from 1.15.46 later. Keep your fingers crossed....... mine are!! Makes typing difficult though.
-
You'll all no doubt be pleased, and relieved, that a recent upgrade from 1.15.46 worked on another site, and also the mobile theme is fully working - thanks to the help on here. I managed to remember the little "fixes" needed to get it right for me.
Just leaves a gallery with 25,000 images to upgrade now.
Must remember to "tick off" a few topics I started!!