Bootstrap3 display categories

Hi @NateWr,

we are just implementing a new journal and the editors would like to sort there articles by “categories”. Unfortunately it seems that the boostrap3 layout for categories shows strange features, e.g. the articles are listed correctly but I don’t want to see bullet points:
bootstrap_ol_elements

bootstrap_li_elements

How can i get red of these bullet points? which configuration files manage the layout of categories?

Thanks for help,
Anna

Hi Anna,

Similar to previous issues like this, they just need templates added to the category listings. You can see an issue is filed here:

But no one has contributed a fix for this yet. To do it, you just need to copy over the default catalogCategory.tpl template to the bootstrap3 theme, and then update it to use the same media list used elsewhere in the theme (for example, in search results).

A pull request for Bootstrap3 would be very welcome!

1 Like

HI @NateWr,

thank you very much for your quick response. I copied the template files, adopted the files “quick & dirty” and somehow it works, but this is not a fix, which I would publish.
As these are my last 3 days at work before maternity leave, I won’t be able to contribute with a pull request, I am sorry.

best regards, Anna

No worries. Good luck on your maternity leave! If you have a minute, you can just share the template files you modified here. Others may find them useful until we can get a proper fix out.

H @NateWr,

I pasted two files into the bootstrap configuration and simply deleted all list elements, I couldn’t solve the breadcrumb problem:

  • bootstrap3/templates/frontend/pages/catalogCategory.tpl:
{include file="frontend/components/header.tpl" pageTitleTranslated=$category->getLocalizedTitle()}

<div class="page page_catalog_category">

	{* Breadcrumb *}
	{include file="frontend/components/breadcrumbs_catalog.tpl" type="category" parent=$parentCategory currentTitle=$category->getLocalizedTitle()}

	{* Summe der Artikel, die zu dieser Kategorie gehören, kann entfernt werden
	*{* Count of articles in this category *}
	{*<div class="article_count">
	*	{translate key="catalog.browseTitles" numTitles=$total}
	*</div>
	*}

	{* Image and description *}
	{assign var="image" value=$category->getImage()}
	{assign var="description" value=$category->getLocalizedDescription()|strip_unsafe_html}
	<div class="about_section{if $image} has_image{/if}{if $description} has_description{/if}">
		{if $image}
			<div class="cover" href="{url router=$smarty.const.ROUTE_PAGE page="catalog" op="fullSize" type="category" id=$category->getId()}">
				<img src="{url router=$smarty.const.ROUTE_PAGE page="catalog" op="thumbnail" type="category" id=$category->getId()}" alt="{$category->getLocalizedTitle()|escape}" />
			</div>
		{/if}
		<div class="description">
			{$description|strip_unsafe_html}
		</div>
	</div>

	{if !$subcategories->wasEmpty()}
	<nav class="subcategories" role="navigation">
		<h2>
			{translate key="catalog.category.subcategories"}
		</h2>
		<ul>
			{iterate from=subcategories item=subcategory}
				<li>
					<a href="{url op="category" path=$subcategory->getPath()}">
						{$subcategory->getLocalizedTitle()|escape}
					</a>
				</li>
			{/iterate}
		</ul>
	</nav>
	{/if}

	<h2 class="title">
		{translate key="catalog.category.heading"}
	</h2>

	{* No published titles in this category *}
	{if empty($publishedSubmissions)}
		<p>{translate key="catalog.category.noItems"}</p>
	{else}

			{foreach from=$publishedSubmissions item=article}
				
					{include file="frontend/objects/article_summary.tpl"}
				
			{/foreach}
	

		{* Pagination *}
		{if $prevPage > 1}
			{capture assign=prevUrl}{url router=$smarty.const.ROUTE_PAGE page="catalog" op="category" path=$category->getPath()|to_array:$prevPage}{/capture}
		{elseif $prevPage === 1}
			{capture assign=prevUrl}{url router=$smarty.const.ROUTE_PAGE page="catalog" op="category" path=$category->getPath()}{/capture}
		{/if}
		{if $nextPage}
			{capture assign=nextUrl}{url router=$smarty.const.ROUTE_PAGE page="catalog" op="category" path=$category->getPath()|to_array:$nextPage}{/capture}
		{/if}
		{include
			file="frontend/components/pagination.tpl"
			prevUrl=$prevUrl
			nextUrl=$nextUrl
			showingStart=$showingStart
			showingEnd=$showingEnd
			total=$total
		}
	{/if}

</div><!-- .page -->

{include file="frontend/components/footer.tpl"}
  • /bootstrap3/templates/frontend/components/breadcrumbs_catalog.tpl:
<nav class="cmp_breadcrumbs cmp_breadcrumbs_catalog" role="navigation" aria-label="{translate key="navigation.breadcrumbLabel"}">

		
			<a href="{url page="index" router=$smarty.const.ROUTE_PAGE}">
				{translate key="common.homepageNavigationLabel"}
			</a>
			<span class="separator">{translate key="navigation.breadcrumbSeparator"}</span>
		
		{if $parent}
			
				<a href="{url op=$type path=$parent->getPath()}">
					{$parent->getLocalizedTitle()|escape}
				</a>
				<span class="separator">{translate key="navigation.breadcrumbSeparator"}</span>
			
		{/if}

			<h1>
				{if $currentTitleKey}
					{translate key=$currentTitleKey}
				{else}
					{$currentTitle|escape}
				{/if}
			</h1>
		

</nav>
1 Like

For anyone interested: I opened a simple pull request for this.