Advanced search  

News:

cpg1.5.46 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter recently discovered vulnerabilities. It is important that all users who run version cpg1.5.44 or older update to this latest version as soon as possible.
[more]

Pages: 1 [2]   Go Down

Author Topic: Theme 'mobile_light' for cpg1.5.x  (Read 15329 times)

0 Members and 1 Guest are viewing this topic.

allvip

  • Global Moderator
  • Coppermine addict
  • *****
  • Country: 00
  • Offline Offline
  • Posts: 1290
Re: Re: Theme 'mobile_light' for cpg1.5.x
« Reply #20 on: May 21, 2015, 01:11:50 pm »

You could check this thread and adapt some of the css, for responsive images:

Code: [Select]
img {
    max-width: 100%!important;
    height: auto!important;
}

It works only for themes with divs not with tables. In my curve responsive theme I used:

Code: [Select]
.display_media .image {
    max-width: 70vw!important;
    height: auto;
}

Read all my thread with attention.
« Last Edit: May 24, 2015, 05:56:11 pm by allvip »
Logged

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Re: Theme 'mobile_light' for cpg1.5.x
« Reply #21 on: May 21, 2015, 09:21:40 pm »

It works only for themes with divs not with tables. In my curve responsive theme I used:
I tried - it works, thanks, but now title and info tables are too wide. Strange that on the thumbnails and album pages everything is okay, problems only in the single image page.

allvip

  • Global Moderator
  • Coppermine addict
  • *****
  • Country: 00
  • Offline Offline
  • Posts: 1290
Re: Re: Theme 'mobile_light' for cpg1.5.x
« Reply #22 on: May 21, 2015, 09:37:56 pm »

Your gallery link please.
Logged

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Re: Theme 'mobile_light' for cpg1.5.x
« Reply #23 on: May 21, 2015, 09:46:23 pm »

See below

allvip

  • Global Moderator
  • Coppermine addict
  • *****
  • Country: 00
  • Offline Offline
  • Posts: 1290
Re: Re: Theme 'mobile_light' for cpg1.5.x
« Reply #24 on: May 21, 2015, 11:20:21 pm »

I tried - it works, thanks, but now title and info tables are too wide.

I will look into it and answer tomorrow. I will try to make the image page responsive for this theme.
Logged

allvip

  • Global Moderator
  • Coppermine addict
  • *****
  • Country: 00
  • Offline Offline
  • Posts: 1290
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #25 on: May 24, 2015, 05:52:13 pm »

Post deleted. Answer in Reply #27.
« Last Edit: May 24, 2015, 11:26:19 pm by allvip »
Logged

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #26 on: May 24, 2015, 08:47:01 pm »

Well, unfortunately i'm not very good in programming  ::)
So what i did: i tried to update existing plugin to latest FB scripts. In fact i've got strange effect: in standard theme i have fb like / fb comment forms, but in mobile they were disappeared  :)
Anyway this doesn't bother me much, but another problem is that then picture navigation plugin is installed - i have a problem, but then it is deinstalled - seems all is okay. How you manage to get this plugin work well?

allvip

  • Global Moderator
  • Coppermine addict
  • *****
  • Country: 00
  • Offline Offline
  • Posts: 1290
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #27 on: May 24, 2015, 10:21:30 pm »

Well, unfortunately i'm not very good in programming  ::)
So what i did: i tried to update existing plugin to latest FB scripts. In fact i've got strange effect: in standard theme i have fb like / fb comment forms, but in mobile they were disappeared  :)

Ok. Ignore the link I posted How to add facebook comments with function dispaly_image not display_media: http://forum.coppermine-gallery.net/index.php/topic,76925.0.html in Reply #25.

I am going to tell you step by step how to add facebook comments (https://developers.facebook.com/docs/plugins/comments):

1) Add to mobile_light/theme.php before ?> (Replace in the code data-width="300" with the value you want 250,500 etc. Facebook comments are not responsive thats why I choosed 300) :

Code: [Select]
/******************************************************************************
** Section <<<theme_display_image>>> - START
******************************************************************************/
function theme_display_image($nav_menu, $picture, $votes, $pic_info, $comments, $film_strip)
{
    global $CONFIG, $LINEBREAK;

    $superCage = Inspekt::makeSuperCage();

    $width = $CONFIG['picture_table_width'];

    echo '<a name="top_display_media"></a>'; // set the navbar-anchor
    starttable();
    echo $nav_menu;
    endtable();

    starttable();
    echo $picture;
    endtable();
    if ($CONFIG['display_film_strip'] == 1) {
        echo $film_strip;
    }


    echo $votes;
    echo '<div class="fb-comments" data-href="http://www.lightphotos.net/photos/displayimage.php?pid='.$pid.'"  data-width="300" data-numposts="3" data-colorscheme="light">';
    echo '</div>';
    $picinfo = $superCage->cookie->keyExists('picinfo') ? $superCage->cookie->getAlpha('picinfo') : ($CONFIG['display_pic_info'] ? 'block' : 'none');
    echo $LINEBREAK . '<div id="picinfo" style="display: '.$picinfo.';">' . $LINEBREAK;
    starttable();
    echo $pic_info;
    endtable();
    echo '</div>' . $LINEBREAK;

    echo '<a name="comments_top"></a>';
    echo '<div id="comments">' . $LINEBREAK;
        echo $comments;
        echo '</div>' . $LINEBREAK;

}
/******************************************************************************
** Section <<<theme_display_image>>> - END
******************************************************************************/

2) Add to mobile_light/template.html after <body> (without this code the facebook commets don't show):

Code: [Select]
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Another way
I belive you first used Social Sharing Plugin (Facebook Like/FB Share/FB Comments/Twitter/VZ zeigen) http://forum.coppermine-gallery.net/index.php/topic,70221.0.html
If you still want to use it then ignore the code above, go to plugin manager - Social Sharing (social_sharing): v1.5 - Configure plugin - under the title/caption (see attachment Configure plugin.jpg). Under the picture option adds the facebook button and comments inside the display image td. That's why the picture navigation plugin arrows go down, not on the center of the td (see attachment under the picture.jpg). Under the title/caption adds the facebook button and comments outside the display image td (see attachment under the titlecaption.jpg).

another problem is that then picture navigation plugin is installed - i have a problem, but then it is deinstalled - seems all is okay. How you manage to get this plugin work well?

Is proabibly the Share plugin you use. Is inside the display media td. Should be outside. Can you post the link from where you downloaded this plugin? Does it has the option to place it under title/caption like the facebook plugin?
« Last Edit: May 24, 2015, 11:19:35 pm by allvip »
Logged

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #28 on: May 24, 2015, 10:43:10 pm »

The difference between screenshots is only Picture Navigation plugin on and off

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #29 on: July 24, 2015, 02:53:37 pm »

Gents the problem is still actual - Picture Navigation plugin doesn't works properly on mobile theme. Is it possible to disable in the theme particular plugin and keep it working in another theme?

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #30 on: August 23, 2015, 12:08:55 pm »

Nobody can help with this?

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15369
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #31 on: August 24, 2015, 10:47:21 am »

It's on my to-do list, but I haven't found enough spare time yet to have a closer look at the code to fix it.
Logged

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #32 on: August 24, 2015, 11:34:00 am »

Thanks, Andre. Standing by.

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15369
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #33 on: September 03, 2015, 12:07:43 pm »

I just splitted the recent conversation and merged it with the plugin thread: http://forum.coppermine-gallery.net/index.php/topic,68456.msg379359.html#msg379359
Logged

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #34 on: September 03, 2015, 03:59:51 pm »

I still have minor issue with this theme. On a single-image page google reports that width of the page is 400 (it is required 375 for mobile devices). How is possible to change it?

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15369
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #35 on: September 09, 2015, 04:19:37 pm »

How/where exactly does Google report this? As far as I can see there's no fixed width set anywhere on your gallery (nor in the theme itself).
Logged

mitko

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 112
    • World of Lighthouses
Re: Theme 'mobile_light' for cpg1.5.x
« Reply #36 on: September 09, 2015, 04:26:40 pm »

Actually i was tried to change some parameters and it is okay now. Unfortunately as i'm not the best web-developer (i think i worst) - i didn't understand what exactly helped to fix.  :o
But anyway problem is solved now.
Pages: 1 [2]   Go Up
 

Page created in 0.031 seconds with 22 queries.