Velocity Changes

Page default

Follow these steps only if _internal/velocity/Page/Default has been localized.

Step 1

Go to _internal/velocity/Page/Default and edit.

Step 2

Add <div class="content-top"></div> to wrap the code below:

<element action="show" name="breadcrumbs"></element>
#if($pageType=="Standard")
    <element action="show" name="page-header"></element>
#end

Step 3

Submit to save changes.

Page banner change

Follow these steps only if _internal/velocity/Page/Banner has been localized.

Step 1

Go to _internal/velocity/Page/Banner and edit.

Step 2

Go to the Banner macro. Here the script will be updated to include decorative and informative banners. Decorative banners are image banners or video banners. Informative banners are any banners that have text or active elements.

Change <element action="hide" name="banner">

to:

#if($bannerType == "Image" || $bannerType == "Video")
    <element action="hide" name="banner-decorative">
#else
    <element action="hide" name="banner-informative">
#end

Step 3

Find the text banner macro TextBanner and add the following code to the outer <div>:

<div class="$!sectionClasses" id="banner"
role="complementary" aria-label="Feature">

If your site does not have the Text Overlay banner or Text + Image 50/50 banner, skip steps 3 and 4 and go directly to step 5. If you want to include all banner options on your site, apply the manual banner update before completing the remaining steps.

Step 4

Find the text overlay banner macro TextOverlayBanner and add the code below to the outer <div>.

<div class="$!sectionClasses" id="banner"
role="complementary" aria-label="Feature">

Step 5

Find the Text + Image 50/50 banner macro TextImageSplitBanner and add the following to the outer <div>:

<div class="$!sectionClasses" id="banner"
role="complementary" aria-label="Feature">

Step 6

Submit to save changes.

Region mobile navigation changes

Follow these steps only if _internal/velocity/Regions/Navigation - Mobile has been localized.

Step 1

Go to _internal/velocity/Regions/Navigation - Mobile and edit.

velocity regions navigation mobile in folder tree

Step 2

Find the RenderMobileNavigation macro and replace code in the <div> with the following:

<div id="offCanvas" class="hide-for-large" role="navigation" aria-label="Mobile">
<button class="menu-toggle button hide-for-large" data-toggle="iu-menu">Menu</button>

    <div id="iu-menu" class="off-canvas position-right off-canvas-items" data-off-canvas data-position="right">

    ##primary
        <div class="mobile off-canvas-list" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
            #set($set="Primary")
            #RenderFolder($folder)
        </div>

        ##secondary
        <div class="mobile off-canvas-list" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
            #set($set="Secondary")
            #RenderFolder($folder)
        </div>
    </div>    
</div><!-- /#offCanvas -->

Step 3

Submit to save changes.

Section mobile navigation changes

Follow these steps only if _internal/velocity/Regions/Navigation - Primary has been localized.

Step 1

Go to _internal/velocity/Regions/Navigation - Primary and edit.

Step 2

Find the RenderPrimaryNavigation macro and replace

#if($DROPDOWN)
<nav role="navigation" aria-label="Main" id="nav-main" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement" class="main show-for-large dropdown">
    #else
<nav role="navigation" aria-label="Main" id="nav-main" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement" class="main show-for-large">
#end

with:

#if($DROPDOWN)
    <nav aria-label="Main" id="nav-main" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement" class="main show-for-large dropdown">
#else
    <nav aria-label="Main" id="nav-main" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement" class="main show-for-large">
#end

Step 3

Find

<div class="nav-secondary show-for-large">

<div class="row pad">

and replace with:

<div class="nav-secondary show-for-large" role="navigation" aria-label="Secondary">
    <div class="row pad">

Step 4

Submit to save changes.

Region site title changes

Follow these steps only if _internal/velocity/Regions/Site Title has been localized.

Step 1

Go to _internal/velocity/Regions/Site Title and edit.

Step 2

Change <header itemscope="itemscope" itemtype="http://schema.org/CollegeOrUniversity" class="site-header">

<div itemscope="itemscope" itemtype="http://schema.org/CollegeOrUniversity" class="site-header">

Step 3

Submit to save changes.

Page hierarchy changes

Follow these steps only if _internal/velocity/Page/Hierarchy has been localized.

Step 1

Go to the velocity/Page/Hierarchy and edit. Add the following AddLandmarksToBodyClass macro:

#macro(AddLandmarksToBodyClass $page)

    #set($landmarks = "landmarks")
    <element action="hide" name="landmarks">$!landmarks</element>

#end

Step 2

In _internal/velocity/Page/Hierarchy, add a call to the macro immediately after the macro.

Step 3

Submit to save changes.

Velocity helpers

Step 1

Go to _internal/velocity/Page/Helpers and edit.

Step 2

Find the GetFileIncludes macro and add global-css after css in the array.

Step 3

Submit to save changes.

Velocity Includes

Step 1

Go to _internal/Velocity/Regions/Includes and edit.

Step 2

Go to the RenderPHPIncludes macro and replace the script

#macro(RenderPHPInclude $includeName)
   #if($type=="branding")
   <?php include '$includeName';?>
   #else
   <?php $_GET['path']= '$includeName'; include("includer.php");?>
   #end
#end

with:

#macro(RenderPHPInclude $includeName)
   #if($type=="branding")
   <?php include '$includeName';?>
   #else
    ## global-css including
    #if($name == "global-css" || $name == 'global-js')
        #set($globalCssJsPath = $!file.text.trim())
        <?php include 'gwassets/$!globalCssJsPath'; ?>
    #else
        <?php $_GET['path']= '$includeName'; include("includer.php");?>
    #end
    ## END global-css including
   #end
#end

Step 3

Go to the RenderWCMSInternal macro and replace the script

#macro(RenderWCMSInternal)
    #if($type=="branding")
        <div class="global-branding" data-url="$!ajaxUrl"></div>
    #else
        #if($type == "file")
            #RenderFileText
        #else
            <div class="ajax-content" data-url="$!ajaxUrl"></div>
        #end
    #end
#end

with:

#macro(RenderWCMSInternal)
    #if($type=="branding")
        <div class="global-branding" data-url="$!ajaxUrl"></div>
    #else
        #if($type == "file")
            ## global-css including
            #if($name == "global-css" || $name == 'global-js')
                #set($ajaxUrl = $assetServerURL + $!file.text)
                <div class="$!name" data-url="$!ajaxUrl"></div>
            #else
                #RenderFileText
            #end    
            ## END global-css including
        #else
            <div class="ajax-content" data-url="$!ajaxUrl"></div>
        #end
    #end
#end

Step 4

Submit to save changes.

Velocity Changes

Page default

Step 1

Step 2

Step 3

Page banner change

Step 1

Step 2

Step 3

Step 4

Step 5

Step 6

Region mobile navigation changes

Step 1

Step 2

Step 3

Section mobile navigation changes

Step 1

Step 2

Step 3

Step 4

Region site title changes

Step 1

Step 2

Step 3

Page hierarchy changes

Step 1

Step 2

Step 3

Velocity helpers

Step 1

Step 2

Step 3

Velocity Includes

Step 1

Step 2

Step 3

Step 4

Web Framework social media channels