title: Display Link in XSLT Mega Menu Dropdown
body: <p>I am trying to add a div at the bottom of my xslt mega menu code to display a hyperlink 'View All' button/call to action but can't get anything to display. My xslt code is as follows:</p>
  
  <pre><code>        &lt;?xml version="1.0" encoding="UTF-8"?&gt;
      &lt;xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"&gt;
        &lt;xsl:output method="html"/&gt;
        &lt;xsl:param name="ControlID" /&gt;
        &lt;xsl:param name="Options" /&gt;
  
    &lt;xsl:param name="subMenuColumns"&gt;1&lt;/xsl:param&gt;
    &lt;xsl:param name="subpointer"&gt;&lt;![CDATA[]]&gt;&lt;/xsl:param&gt;
    &lt;xsl:param name="pointer"&gt;&lt;![CDATA[]]&gt;&lt;/xsl:param&gt;
    &lt;xsl:param name="startUl"&gt;&lt;![CDATA[&lt;ul&gt;]]&gt;&lt;/xsl:param&gt;
    &lt;xsl:param name="endUl"&gt;&lt;![CDATA[&lt;/ul&gt;]]&gt;&lt;/xsl:param&gt;
    &lt;xsl:template match="/*"&gt;
      &lt;xsl:apply-templates select="root" /&gt;
    &lt;/xsl:template&gt;
    &lt;xsl:template match="root"&gt;
      &lt;script type="text/javascript"&gt;
        function splitSubMenu(columns) {
        jQuery("div.sub").each(function (i) {
        if (i==1) {
        columns=4;
        } else {
        columns=4;
        }
        var items = jQuery(this).find('ul');
        var blockCount = columns;
      &lt;/script&gt;
      &lt;ul class="megamenu" id="megamenu"&gt;
        &lt;xsl:apply-templates select="node"&gt;
          &lt;xsl:with-param name="level" select="0"/&gt;
        &lt;/xsl:apply-templates&gt;
      &lt;/ul&gt;
    &lt;/xsl:template&gt;
    &lt;xsl:template match="node"&gt;
      &lt;xsl:param name="level" /&gt;
      &lt;xsl:choose&gt;
        &lt;xsl:when test="$level=0"&gt;
          &lt;li&gt;
            &lt;xsl:attribute name="class"&gt;
              level0 &lt;xsl:if test="@breadcrumb = 1"&gt;current&lt;/xsl:if&gt;
            &lt;/xsl:attribute&gt;
            &lt;a&gt;
              &lt;xsl:attribute name="class"&gt;
                level0 &lt;xsl:if test="@breadcrumb = 1"&gt;current&lt;/xsl:if&gt;
              &lt;/xsl:attribute&gt;
              &lt;xsl:choose&gt;
                &lt;xsl:when test="@enabled = 1"&gt;
                  &lt;xsl:attribute name="href"&gt;
                    &lt;xsl:value-of select="@url"/&gt;
                  &lt;/xsl:attribute&gt;
                &lt;/xsl:when&gt;
                &lt;xsl:otherwise&gt;
                  &lt;xsl:attribute name="href"&gt;#&lt;/xsl:attribute&gt;
                  &lt;xsl:attribute name="onclick"&gt;return false&lt;/xsl:attribute&gt;
                &lt;/xsl:otherwise&gt;
              &lt;/xsl:choose&gt;
              &lt;xsl:value-of select="@text" /&gt;
              &lt;xsl:if test="node"&gt;
                &lt;xsl:value-of select="$pointer" disable-output-escaping="yes"/&gt;
              &lt;/xsl:if&gt;
            &lt;/a&gt;
            &lt;xsl:if test="node"&gt;
              &lt;div class="sub"&gt;
                &lt;xsl:apply-templates select="node"&gt;
                  &lt;xsl:with-param name="level" select="$level + 1" /&gt;
                &lt;/xsl:apply-templates&gt;
  
              &lt;/div&gt;
  
            &lt;/xsl:if&gt;
          &lt;/li&gt;
        &lt;/xsl:when&gt;
        &lt;xsl:when test="$level=1"&gt;
          &lt;ul class="megamenusubcontent"&gt;
            &lt;li class="subheader"&gt;
              &lt;h2&gt;
                &lt;a&gt;
                  &lt;xsl:choose&gt;
                    &lt;xsl:when test="@enabled = 1"&gt;
                      &lt;xsl:attribute name="href"&gt;
                        &lt;xsl:value-of select="@url"/&gt;
                      &lt;/xsl:attribute&gt;
                    &lt;/xsl:when&gt;
                    &lt;xsl:otherwise&gt;
                      &lt;xsl:attribute name="href"&gt;#&lt;/xsl:attribute&gt;
                      &lt;xsl:attribute name="onclick"&gt;return false&lt;/xsl:attribute&gt;
                    &lt;/xsl:otherwise&gt;
                  &lt;/xsl:choose&gt;
                  &lt;xsl:value-of select="@text" /&gt;
                &lt;/a&gt;
              &lt;/h2&gt;
            &lt;/li&gt;
  
            &lt;xsl:if test="node"&gt;
              &lt;xsl:apply-templates select="node"&gt;
                &lt;xsl:with-param name="level" select="$level + 1" /&gt;
              &lt;/xsl:apply-templates&gt;
            &lt;/xsl:if&gt;
  
          &lt;/ul&gt;
  
        &lt;/xsl:when&gt;
  
        &lt;xsl:otherwise&gt;
          &lt;li class="sublink"&gt;
            &lt;a&gt;
              &lt;xsl:choose&gt;
                &lt;xsl:when test="@enabled = 1"&gt;
                  &lt;xsl:attribute name="href"&gt;
                    &lt;xsl:value-of select="@url"/&gt;
                  &lt;/xsl:attribute&gt;
                &lt;/xsl:when&gt;
                &lt;xsl:otherwise&gt;
                  &lt;xsl:attribute name="href"&gt;#&lt;/xsl:attribute&gt;
                  &lt;xsl:attribute name="onclick"&gt;return false&lt;/xsl:attribute&gt;
                &lt;/xsl:otherwise&gt;
              &lt;/xsl:choose&gt;
              &lt;xsl:value-of select="@text" /&gt;
            &lt;/a&gt;
          &lt;/li&gt;
          &lt;xsl:if test="node"&gt;
            &lt;xsl:apply-templates select="node"&gt;
              &lt;xsl:with-param name="level" select="$level + 1" /&gt;
            &lt;/xsl:apply-templates&gt;
          &lt;/xsl:if&gt;
        &lt;/xsl:otherwise&gt;
      &lt;/xsl:choose&gt;
    &lt;/xsl:template&gt;
  &lt;/xsl:stylesheet&gt;
  </code></pre>
  
  <p>Two questions really, 1) what xsl translation will I use to display a call to action 'View All' link at the bottom of my mega menu similar to the following:</p>
  
  <p><a href="https://i.stack.imgur.com/DkIBU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DkIBU.png" alt="enter image description here"></a></p>
  
  <p>2) where in the xslt template do I insert to have it appear at the bottom of all menu lists in the mega menu dropdown?</p>
  
  <p>I have tried variations on the following but still nothing displays to screen:</p>
  
  <pre><code>  &lt;xsl:template match="url"&gt;
      &lt;a href="{.}"&gt;
        &lt;xsl:value-of select="../view-all"/&gt;
      &lt;/a&gt;
    &lt;/xsl:template&gt;
  </code></pre>
  
  <p>Cheers</p>