Follow these steps to update the theme’s templates. Note these changes are only required if the templates are modified in the theme:
Open portal_normal.ftl
and remove the breadcrumbs:
<nav id="breadcrumbs">
<@liferay.breadcrumbs />
</nav>
Still inside portal_normal.ftl
, remove id="main-surface"
from the body
tag so it looks like the one below. This is not needed for SPA to work
properly:
<body class="${css_class}">
Open navigation.ftl
and remove the nav_item_attr_selected
variable
declaration at the top. Don’t forget to remove all uses of the
nav_item_attr_selected
throughout the rest of the template.
Also inside navigation.ftl
, remove the nav_child_attr_selected
variable
from the bottom of the template, including all uses throughout the rest of
the template.
Open portlet.ftl
and find the code snippet below:
<a
class="icon-monospaced portlet-icon-back text-default"
href="${portlet_back_url}"
title="<@liferay.language key="return-to-full-page" />"
>
Add the list-unstyled
class to it:
<a
class="icon-monospaced list-unstyled portlet-icon-back text-default"
href="${portlet_back_url}"
title="<@liferay.language key="return-to-full-page" />"
>
Still inside portlet.ftl
, find the
<div class="autofit-float autofit-row">
element and add the
portlet-header
class to it:
<div class="autofit-float autofit-row portlet-header">
The theme templates are updated! If you modified any other FreeMarker theme
templates, you can compare them with templates in the
_unstyled
theme. Next you can learn how
to use Liferay DXP’s compatibility layer to help ease the transition to Bootstrap
4 and Clay CSS.