No breadcrumb navigation in HTMl galley bootstrap 3

akku · May 13, 2019, 1:20pm

is it possible to add a breadcrumb navigation in the html galleys as it is already available in the artice overview, see:

breadcrumb

The html galley doesn’t show any information about the corresponding issue, see Open-Access-Transformation mit DeepGreen: Gemeinsam den (grünen) Schatz heben | o-bib. Das offene Bibliotheksjournal / Herausgeber VDB

thanks,
Anna

NateWr · May 13, 2019, 4:15pm

Hi Anna,

You can see the code that is used to create the breadcrumb here:

github.com

pkp/ojs/blob/main/templates/frontend/pages/article.tpl#L20-L24


{include file="frontend/components/header.tpl" pageTitleTranslated=$article->getLocalizedTitle()|escape}

<div class="page page_article">
	{if $section}
		{include file="frontend/components/breadcrumbs_article.tpl" currentTitle=$section->getLocalizedTitle()}

That loads this template:

github.com

pkp/ojs/blob/main/templates/frontend/components/breadcrumbs_article.tpl

{**
 * templates/frontend/components/breadcrumbs_article.tpl
 *
 * Copyright (c) 2014-2021 Simon Fraser University
 * Copyright (c) 2003-2021 John Willinsky
 * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
 *
 * @brief Display a breadcrumb nav item showing the current page. This basic
 *  version is for top-level pages which only need to show the Home link. For
 *  category- and series-specific breadcrumb generation, see
 *  templates/frontend/components/breadcrumbs_catalog.tpl.
 *
 * @uses $currentTitle string The title to use for the current page.
 * @uses $currentTitleKey string Translation key for title of current page.
 * @uses $issue Issue Issue this article was published in.
 *}

<nav class="cmp_breadcrumbs" role="navigation" aria-label="{translate key="navigation.breadcrumbLabel"}">
	<ol>
		<li>

This file has been truncated. show original

You can use that code to display the breadcrumbs on the article galley template file, which you’ve already modified. You may need to fetch the issue object and assign it to the {$issue} template to make the breadcrumb work there, because I don’t think that variable is normally available on a galley page. But I’m not sure.

akku · May 14, 2019, 8:20am

Hi @NateWr,

thank you for your support. I included this line:

{include file=“frontend/components/breadcrumbs_article.tpl”}

in the

/generic/htmlArticleGalley/templates/display.css

and now it works!
Formerly I adopted the display.css according to this documentation: Problem styling HTML Galley OJS 3.0 - #68 by florianruckelshausen

thanks! Anna