Answered

Portal Customization

We're in the process of migrating from Fresh Desk to Fresh Service.  We spent a significant amount of time customizing the Fresh Desk customer portal and we're doing the same right now with Fresh Service before we go live.


We love hearing what others are doing with their portals.  Do you have any cool or unique portal customization ideas that you are willing to show off?


Best Answer

Sure thing James! Here's where the code can be found: Admin > Helpdesk Rebranding > Customize portal > Layout & pages > Portal pages > Portal home


And what I did to edit the text:


Hope that helps!


Elizabeth


Hi there, FreshService helped us figure out how to alter the yellow part if folks are still working on that. 


<script>

  var custom_recent_items = {

        "services": [{

            name: "SR- Password Reset",

            link: "/support/catalog/items/9"

        }, {

            name: "SR- Remove ",

            link: "/support/catalog/items/52"

        }, {

            name: "SR- Access Request",

            link: "/support/catalog/items/45"

        }, {

            name: "SR- Scenario",

            link: "/support/catalog/items/27"

        }],

        "solutions": [{

            name: "Solution How to Clear 1895 Hardstop",

            link: "/support/solutions/articles/3000015090-clear-1895-hard-stop-instructions"

        }, {

            name: "Solution How to Clear 905 Hardstop",

            link: "/support/solutions/articles/3000015084-clear-905-hard-stop-instructions"

        }, {

            name: "eSign the 1003 (Instructions)",

            link: "/solution/articles/3000015243-esign-the-1003-instructions"

        }, {

            name: "Clear MI Hard Stop (Instructions)",

            link: "/solution/articles/3000015147-clear-mi-hard-stop-instructions"

        }]

    },

    services_container = ".popular-services",

    solutions_container = ".popular-solutions";

 

 

function render_custom_list() {

    var custom_sr,

        custom_sol;

    jQuery(services_container).find("ul li").remove();

    jQuery(solutions_container).find("ul li").remove();

    jQuery.each(custom_recent_items["services"], function(_i, _e) {

        custom_sr = "<li><i class='icon-ticket pull-left'></i><a href='" + _e.link + "'><span class='pull-left text-ellipsis'>" + _e.name + "</span><span class='pull-right toggledisplay'>Request</span></a></li>";

        jQuery(services_container).find("ul").append(jQuery(custom_sr));

    });

    jQuery.each(custom_recent_items["solutions"], function(_i, _e) {

        custom_sol = "<li><i class='icon-file2'></i><span class='text-ellipsis'><a href='" + _e.link + "'>" + _e.name + "</a></span></li>";

        jQuery(solutions_container).find("ul").append(jQuery(custom_sol));

    });

}

 

jQuery(document).ready(render_custom_list);

 

</script>

Hi, 

I was wondering if it's possible to move our Service Catalog items wherever we need them and not rely on just the Alphabetic order they are listed as.

Currently, we just put a number 1., 2. , 3. ... to achieve the order we want them in but would be nice to be able to just drag them where we need them.

@ken How did you customize the jmenu panel (header menu) - I would like to remove the "Service Catalog" option altogether. Will greatly appreciate your insights.

@kavitha.s

Did you find out how to remove 'service catalog' from the action menu?

This seems like a definitely necessary piece that is missing from the first two tiers...

@Chase Ketchum,

For disabling the Service Request icon

 

Navigate to Admin>Helpdesk Rebranding>Portal Customization. Under Layout & Pages, in the Page Layout tile, at the end of the script paste the below script (along with <script>).

<script>
jQuery(".page-tabs a:nth-child(4)").hide();
jQuery('.popular-services').remove();
</script>​ 

@Chase, 

For disabling the Service Request icon

 

Navigate to Admin>Helpdesk Rebranding>Portal Customization. Under Layout & Pages, in the Page Layout tile, at the end of the script paste the below script (along with <script>).

<script>
jQuery(".page-tabs a:nth-child(4)").hide();
jQuery('.popular-services').remove();
</script>​ 

Login or Signup to post a comment