Scott Reed
Apr 6, 2018
  837
(3 votes)

Enabling the Page Tree Component in the Commerce View

When it comes to building an interconnecting website that has both CMS and Commerce you end up with a lot of different pages and blocks. Within this setup you end up having pages that are PageData based and within the site tree as well as commerce nodes, product and variations that also act a pages.

If like us at Redweb designed your blocks and pages for maximum drag and drop support you may come across an issue when creating blocks with drag and drop support and link back to CMS pages when using within commerce. This is due to the fact the site tree is not shown in commerce.

In our case we also have our global configuration stored in the site tree ourside of the site context and needed to be able to drag these configurations in to blocks/pages expecting these types.

Our simplte solution was to re-enable the site view within the commerce context with the following

[Component]
    public class CustomPageTreeComponent : PageTreeComponent
    {
        public CustomPageTreeComponent()
        {
            PlugInAreas = new[]
            {
                "/episerver/cms/mainnavigation/defaultgroup",
                "/episerver/commerce/mainnavigation/defaultgroup"
            };
        }
    }

This will then add another tab to the commerce view for pages enabling full drag and drop support when in the context of commerce as below.

Image screenshot-stja01mstrn249finte.dxcloud.episerver.net-2018.04.06-08-55-16.png

Simple but effective.

Apr 06, 2018

Comments

Please login to comment.
Latest blogs
Display Child Pages in Content Delivery API Response

The below example will implement an instance of IContentConverterProvider to customise the serialisation of PageData and output child pages in the...

Minesh Shah (Netcel) | Oct 4, 2022

Bring the Report Center back in Optimizely CMS 12

The Report Center has been a part of Optimizely CMS since its first debut in version 5R2 in 2008, but in CMS 12, it's removed! Don't despair! Make...

Tomas Hensrud Gulla | Oct 4, 2022 | Syndicated blog

Customizing Property Lists in Optimizely CMS

Generic property lists is a cool editorial feature that has gained a lot of popularity - in spite of still being unsupported (officially). But if y...

Allan Thraen | Oct 2, 2022 | Syndicated blog

Optimizely names Luminary Senior Developer, Ynze Nunnink, OMVP

Luminary Senior Developer and Optimizely Lead, Ynze Nunnink has secured the coveted position of Optimizely MVP. Earning a Platinum badge for his...

Ynze | Oct 2, 2022 | Syndicated blog