How to add page to your custom navigation node

You need to make following changes in Impex file

File Name: cms-responsive-content.impex(core data)

1 . Create a Page template

INSERT_UPDATE PageTemplate;$contentCV[unique=true];uid[unique=true];name;frontendTemplateName;restrictedPageTypes(code);active[default=true]

;;PhonePageTemplate;Phone Page;phone/phone;ContentPage

2 . Create a content page

INSERT_UPDATE ContentPage;$contentCV[unique=true];uid[unique=true];name;masterTemplate(uid,$contentCV);label;defaultPage[default='true'];approvalStatus(code)[default='approved'];homepage[default='false'];previewImage(code, $contentCV)[default='ContentPageModel__function_preview']

;;phone;Phone Page;PhonePageTemplate;phone

3. Add content slots to page

INSERT_UPDATE ContentSlotName;name[unique=true];template(uid,$contentCV)[unique=true][default= PhonePageTemplate];validComponentTypes(code);compTypeGroup(code)

;SiteLogo;;;logo

;HeaderLinks;;;headerlinks

;SearchBox;;;searchbox

;MiniCart;;;minicart

;NavigationBar;;;navigation

;TopContent;;;wide

;SideContent;;;narrow

;Footer;;;footer

;TopHeaderSlot;;;wide

;MiddleContent;;;wide

;BottomHeaderSlot;;;wide

;PlaceholderContentSlot;

4. Bind content slots to page template

INSERT_UPDATE ContentSlotForTemplate;$contentCV[unique=true];uid[unique=true];position[unique=true];pageTemplate(uid,$contentCV)[unique=true][default='PhonePageTemplate'];contentSlot(uid,$contentCV)[unique=true];allowOverwrite

;;SiteLogo-PhonePage;SiteLogo;;SiteLogoSlot;true

;;HomepageLink-PhonePage;HomepageNavLink;;HomepageNavLinkSlot;true

;;NavigationBar-PhonePage;NavigationBar;;NavigationBarSlot;true

;;MiniCart-PhonePage;MiniCart;;MiniCartSlot;true

;;Footer-PhonePage;Footer;;FooterSlot;true

;;HeaderLinks-PhonePage;HeaderLinks;;HeaderLinksSlot;true

;;SearchBox-PhonePage;SearchBox;;SearchBoxSlot;true

;;TopHeaderSlot-PhonePage;TopHeaderSlot;;TopHeaderSlot;true

;;MiddleContentSlot-PhonePage;MiddleContent;;MiddleContentSlot;true

;;BottomHeaderSlot-PhonePage;BottomHeaderSlot;;BottomHeaderSlot;true

;;PlaceholderContentSlot-PhonePage;PlaceholderContentSlot;;PlaceholderContentSlot;true

5. Create a jsp for page template

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib prefix="template" tagdir="/WEB-INF/tags/responsive/template"%>

<%@ taglib prefix="cms" uri="http://hybris.com/tld/cmstags"%>

<template:page pageTitle="${pageTitle}">

                <h2>Phone item Page</h2>

             

</template:page>

Location for this jsp will be:

/bolgstorefront/web/webroot/WEB-INF/views/responsive/pages/phone/phone.jsp

After the above changes you will find this page linked to your navigation node

In next blog we will learn how to add custom component to our page.