Load a sightly condition based on a cookie check | Community
Skip to main content
S
Sesha_Sai_Samud
June 6, 2019
Solved

Load a sightly condition based on a cookie check

  • June 6, 2019
  • 3 replies
  • 4682 views

Hello Community,
Wanted to understand if there is a possibility in AEM to check a cookie and load a sightly tag.

My use case

<sly data-sly-test="${properties.something == 'true'}">

<script>
Cookie condition check only if true execute the below

<div data-sly-test="${properties.something }" data-sly-unwrap>

            <script type="text/javascript"  src="${properties.script}"></script>

        </div>

</script >

</sly>

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by arunpatidar

    I am not sure if you can do it from front end because the sightly code. But you can do it with Server side JS USE API

    -------- script.js -------------

    // Server-side JavaScript to get Coookie

    use(function () {

        var cookie = request.getCookie("wcmmode");

        var cookieFound=false;

        if(cookie!=null && cookie.value=="edit"){

    cookieFound = true;

        }

        return {

            cookieVal: cookie.value,

            cookieFound:cookieFound

        };

    });

    -------- Sightly code --------------

    <sly data-sly-use.cObj="script.js" data-sly-test="${cObj.cookieFound }">

         ${cObj.cookieVal}

    </sly>

    3 replies

    A
    Anonymous
    June 9, 2019

    This is very easy. Use Sling Model and use Java logic to check a cookie. Setting and Reading Cookies : Cookie « Servlets « Java

    Then set a field in the Sling Model based on the value.

      S
      Sesha_Sai_SamudAuthor
      June 9, 2019

      Thanks Joeb,
      I understand we could do a condition from backend , but we are using CDN for caching our pages . So whatever is cached first that experience would be shown, that is the reason we are looking for a front end solution.

      V
      v1101
      May 21, 2020
      Sesha - Were you able to find the solution for your scenario?
      arunpatidar
      Community Advisor
      arunpatidarCommunity AdvisorAccepted solution
      Community Advisor
      June 9, 2019

      I am not sure if you can do it from front end because the sightly code. But you can do it with Server side JS USE API

      -------- script.js -------------

      // Server-side JavaScript to get Coookie

      use(function () {

          var cookie = request.getCookie("wcmmode");

          var cookieFound=false;

          if(cookie!=null && cookie.value=="edit"){

      cookieFound = true;

          }

          return {

              cookieVal: cookie.value,

              cookieFound:cookieFound

          };

      });

      -------- Sightly code --------------

      <sly data-sly-use.cObj="script.js" data-sly-test="${cObj.cookieFound }">

           ${cObj.cookieVal}

      </sly>

      Arun Patidar
      Terms & ConditionsAccessibility statement

      Loading footer...