Add/Remove column in new Catalog list Commerce 7.5

Vote:

Is it posible to add/remove column(property) in list view in catalog, for the new Commerce 7.5?

Does anyone knows?

Thanks

#90268

Sep 04, 2014 15:27

K Khan

Vote:

Pardon me, I didnot get what you exactly are looking for, Link might help you.

#90327

Sep 05, 2014 17:19

Hiep To Dinh

Vote:

I don't think we could customize the list view for catalog in this version.

The .js view for it is in %appdata\Modules\EPiServer.Commerce.AddOns.UI\%CommerceVersion%\ClientResources\epi-ecf-ui\widget% but it's compressed.

#90365

Sep 08, 2014 12:59

Quan Mai

Vote:

I think Juan is mention about adding/removing column of the CatalogContentList - the main view in Catalog UI.

Unfortunately it's not the feature we support right now. But we might consider in the future, as this additional customization is nice to have.

Regards.

#90398

Sep 09, 2014 4:48

Ha Bui

Vote:

Hi!

We don't have an official way to do this (custom columns in CatalogContentList view).

But nothing is impossible! ;)

Step 1:

Create your custome view configuration: CustomColumnCatalogContentListView.cs (for instance I put it under: Business/Initialization folder of Commerce.Sample site)

using EPiServer.Commerce.AddOns.UI.UIDescriptors;
using EPiServer.Commerce.Catalog.ContentTypes;
using EPiServer.ServiceLocation;
using EPiServer.Shell;

namespace EPiServer.Commerce.Sample.Business.Initialization
{
    [ServiceConfiguration(typeof(ViewConfiguration))]
    public class CustomColumnCatalogContentListView : ViewConfiguration
    {
        public CustomColumnCatalogContentListView()
        {
            Key = CommerceViewConfiguration.CatalogContentListViewName;
            LanguagePath = "/commerce/contentediting/views/cataloglist";
            ControllerType = "sample/views/CustomColumnCatalogContentList";
            IconClass = "epi-iconList";
            SortOrder = 200;
            Category = CommerceViewConfiguration.CatalogCategory;
        }
    }
}

Step 2:

Note that I pointed a custom view for catalog content list:

ControllerType = "sample/views/CustomColumnCatalogContentList";

How does that .js file is load? No worries! Create new a module.config like this: (put it under a root folder of your site)

Step 3:

Create your new view (.js) under correct path that is specified above:

define([
// Dojo
    "dojo/_base/declare",

// EPiServer
    "epi-ecf-ui/widget/CatalogContentList"

], function (
// Dojo
    declare,

// EPiServer
    CatalogContentList

) {
    return declare([CatalogContentList], {
        postCreate: function () {
            this.inherited(arguments);
            console.log("Run in my custom widget!");
        }
    });
});

Naviagte to Catalog UI and see in console log you will se: "Run in my custom widget!" Viola!

Last step is too easy! Just override method: getColumnSettings of base .js class CatalogContentList

// Ha Bui

#90731

Edited, Sep 17, 2014 5:42