Edit mode on Page for Experience fragements Header | Community
Skip to main content
Prince_Shivhare
Community Advisor
Prince_ShivhareCommunity Advisor
Community Advisor
May 27, 2021
Solved

Edit mode on Page for Experience fragements Header

  • May 27, 2021
  • 3 replies
  • 1691 views

Hi All,

I want to get the edit mode of the page for a header which is an Experience fragment.

I am trying ${wcmmode.edit}, but every time I am getting false in the author URL.

Can anyone help me here how can I get the edit mode of the page in the Header.

Thanks

    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 Prince_Shivhare

    This code worked for me.
    If you have experience fragment and want to check wcmmode on non-experience fragment page and you want to make everything work properly in edit mode, with ?wcmmode=disabled and without ?wcmmode( Live Url), then - 

    function getCookie(name) {
        var dc = document.cookie;
        var prefix = name + "=";
        var begin = dc.indexOf("; " + prefix);
        if (begin == -1) {
            begin = dc.indexOf(prefix);
            if (begin != 0) return null;
        }
        else
        {
            begin += 2;
            var end = document.cookie.indexOf(";", begin);
            if (end == -1) {
            end = dc.length;
            }
        }
        return decodeURI(dc.substring(begin + prefix.length, end));
    }

        var myCookie = getCookie("wcmmode");
        var params =  window.location.search;

        if( myCookie=='preview' || params=='?wcmmode=disabled' || myCookie==null){
    // DISABLE MODE
    }

     

    3 replies

    Shubham_borole
    Community Advisor
    Shubham_boroleCommunity Advisor
    Community Advisor
    May 27, 2021

    @prince_shivhare 

    I think the wcm mode is determined based on cookie, can you check what is in the cookie?

    For such scenarios is it ok for you to use following condition ? (in case the goal is to determine if the page is loaded on author mode and not publish) 

    ${wcmmode.edit || wcmmode.preview}

     

      Prince_Shivhare
      Community Advisor
      Prince_ShivhareCommunity AdvisorAuthor
      Community Advisor
      May 27, 2021
      That is I already tried, but no luck,
      arunpatidar
      Community Advisor
      arunpatidarCommunity Advisor
      Community Advisor
      May 28, 2021

      you can try changing the WCM mode based on the condition

      e.g.

      Changes the WCM mode:

       

       

       

      Edit Mode <header data-sly-resource="${'path/to/resource' @ wcmmode='edit'}"></header> Other Mode <header data-sly-resource="${'path/to/resource' @ wcmmode='disabled'}"></header> e.g. <header data-sly-resource="${'path/to/resource' @ wcmmode=wcmmode.edit?'edit':'disabled'}"></header>

       

       

      Arun Patidar
        Prince_Shivhare
        Community Advisor
        Prince_ShivhareCommunity AdvisorAuthorAccepted solution
        Community Advisor
        June 1, 2021

        This code worked for me.
        If you have experience fragment and want to check wcmmode on non-experience fragment page and you want to make everything work properly in edit mode, with ?wcmmode=disabled and without ?wcmmode( Live Url), then - 

        function getCookie(name) {
            var dc = document.cookie;
            var prefix = name + "=";
            var begin = dc.indexOf("; " + prefix);
            if (begin == -1) {
                begin = dc.indexOf(prefix);
                if (begin != 0) return null;
            }
            else
            {
                begin += 2;
                var end = document.cookie.indexOf(";", begin);
                if (end == -1) {
                end = dc.length;
                }
            }
            return decodeURI(dc.substring(begin + prefix.length, end));
        }

            var myCookie = getCookie("wcmmode");
            var params =  window.location.search;

            if( myCookie=='preview' || params=='?wcmmode=disabled' || myCookie==null){
        // DISABLE MODE
        }

         

          Terms & ConditionsAccessibility statement

          Loading footer...