Piwigo.org

SchuminWeb · 2026-04-10 08:34:18

Hello/Hi/Greetings,

I noticed a problem in the way that the OpenStreetMap plugin displays the map when running the Bootstrap Darkroom theme. When I place the map spot before Tags/Keywords, it renders like this:

https://imgur.com/rFymjyM

Note that it shows the map above the actual keywords, but below the "Keywords" header, which makes it appear as if it is part of the image keywords, which is not what I want. Ideally, I would want the map to appear beneath "Albums", in that box, rather than in the other box. I get that this is specific to Bootstrap Darkroom, because of the way that it renders the tags/keywords section compared to other themes.

I also noticed that when the item that the map plugin is anchored to is blank, and therefore hidden, the map plugin is also hidden. For instance, this image is geotagged, but as of yet, has no keywords on it:

https://imgur.com/3in1Qxg

That is also an undesired behavior, and this glitch appears on all themes that I tested it on.

Let me know if you have any questions regarding these glitches.

Piwigo URL: https://www.benschumin.com/

hannah · 2026-04-10 10:28:03

Hi,

Thank you for bringing this up I will look into the problem

Katryne · 2026-04-10 17:00:37

In OSM settings, you specify the place where the map will be displayed on the photo page : before an other photo information to be chosen in a scroll-down menu. You MUST choose there an item that will be always displayed. Personnally, I always choose to locate the map before Album, because the album will always be displayed (except for orphan photos)
If you choose to put the map before rating score and the photo has not received yet a note, or before keywords/tags and you haven't assigned any keyword to the photo, the map won't be displayed.

So, be sure that the map settings place it before a photos information that will be always displayed, in any case.

SchuminWeb · 2026-04-10 17:28:56

I figured that part out, about placing it with something that will always be displayed. The case that I had with its not showing up was with an incomplete photo, where keywords had not yet been placed, but it still mentally sent me into troubleshooting mode. I only put two and two together once I found nothing wrong and checked a completed photo, where everything was still showing correctly.

As far as the placement of the box goes, I wonder if the placement can't be done so that it can appear after an element rather than before it. In my case, ideally, I would want to place the map block immediately after my albums. Thus why I placed it with keywords, in order to appear below the albums. I wonder if being able to hang it from the element above vs. sitting it on top of the element beneath would rectify my display problem. That would also allow the map block to be the absolute last thing on the page, which is not currently possible.

gueba · 2026-04-11 15:25:49

You are showing these items: - Author - Copyright - Created On - Dimensions - Albums.
Now add - Filesize in your options. Then edit the '/themes/bootstrap_darkroom/templatepicture_info_card.tpl' and find this sequence (around line 130):

Code:

{if $display_info.filesize and isset($INFO_FILESIZE)}
            <div id="Filesize" class="imageInfo">
              <dl class="row mb-0">
                <dt class="col-sm-5">{'Filesize'|@translate}</dt>
                <dd class="col-sm-7">{$INFO_FILESIZE}</dd>
              </dl>
            </div>
{/if}

comment it out and paste it after the 'Categories - block'
Then comment two lines out, so there is nothing to show.

The whole block should look like this:

Code:

{if $display_info.file}
            <div id="File" class="imageInfo">
              <dl class="row mb-0">
                <dt class="col-sm-5">{'File'|@translate}</dt>
                <dd class="col-sm-7">{$INFO_FILE}</dd>
              </dl>
            </div>
{/if}
<!--
{if $display_info.filesize and isset($INFO_FILESIZE)}
            <div id="Filesize" class="imageInfo">
              <dl class="row mb-0">
                <dt class="col-sm-5">{'Filesize'|@translate}</dt>
                <dd class="col-sm-7">{$INFO_FILESIZE}</dd>
              </dl>
            </div>
{/if}
 -->
{if $display_info.categories and isset($related_categories)}
            <div id="Categories" class="imageInfo">
              <dl class="row mb-0">
                <dt class="col-sm-5">{'Albums'|@translate}</dt>
                <dd class="col-sm-7">
                {foreach from=$related_categories item=cat name=cat_loop}
                {if !$smarty.foreach.cat_loop.first}<br />{/if}{$cat}
                {/foreach}
                </dd>
              </dl>
            </div>
{/if}

{if $display_info.filesize and isset($INFO_FILESIZE)}
            <div id="Filesize" class="imageInfo">
              <dl class="row mb-0">
<!--
                <dt class="col-sm-5">{'Filesize'|@translate}</dt>
                <dd class="col-sm-7">{$INFO_FILESIZE}</dd>
-->
              </dl>
            </div>
{/if}
          </div>
        </div>
      </div>

Now show the map bevore the 'Filesize' entry, which is last in the block and empty.

Quick and dirty, but works for me.

hth

gueba · 2026-04-20 10:42:33

SchuminWeb wrote:
In my case, ideally, I would want to place the map block immediately after my albums.

Have you tried my 'solution'? No longer interested? Any answer would be nice.

Piwigo.org

Announcement

#1 2026-04-10 08:34:18

Bug with map display with Bootstrap Darkroom on OpenStreetMap plugin

#2 2026-04-10 10:28:03

Re: Bug with map display with Bootstrap Darkroom on OpenStreetMap plugin

#3 2026-04-10 17:00:37

Re: Bug with map display with Bootstrap Darkroom on OpenStreetMap plugin

#4 2026-04-10 17:28:56

Re: Bug with map display with Bootstrap Darkroom on OpenStreetMap plugin

#5 2026-04-11 15:25:49

Re: Bug with map display with Bootstrap Darkroom on OpenStreetMap plugin

Code:

Code:

#6 2026-04-20 10:42:33

Re: Bug with map display with Bootstrap Darkroom on OpenStreetMap plugin

SchuminWeb wrote:

Board footer