How to set an icon in Sitecore Commerce + Handy Chrome Extension for Sitecore

Hi

If you ever tried to customize Sitecore Commerce you might be interested into how to set a custom icon to your commerce views.

Actually its extremely easy — all it takes is to set an Icon property value in the EntityView class.

However choosing the icon is the tricky part and is art itself for Sitecore developer. In Sitecore we had a icon browser dialog, however commerce is extended from code so we don’t have such luxury.

Luckily for us Andrew Sutherland created awesome class IconList that allows us to list all the possible icons that are available in Sitecore Commerce.

You can find it here:

ajsuth/Foundation.Commerce.BusinessTools.Engine

However previewing icon is still a struggle, thats why I’ve decided to write a small Google Chrome extension that will solve that.

Now you can preview all the icons in one dialog, filter them by class name and copy the selected icon into clipboard.

Sitecore Commerce Icon Browser extension in action

You can find it here:

Sitecore Commerce Icon Browser

Also the source code can be found on Github:

JackTheHack/Sitecore.Commerce.IconSelector

Enjoy!