SaaS CMS has officially launched! Learn more now.

Scott Reed
Apr 6, 2018
  1369
(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
Getting Started with Optimizely SaaS using Next.js Starter App - Extend a component - Part 3

This is the final part of our Optimizely SaaS CMS proof-of-concept (POC) blog series. In this post, we'll dive into extending a component within th...

Raghavendra Murthy | Jul 23, 2024 | Syndicated blog

Optimizely Graph – Faceting with Geta Categories

Overview As Optimizely Graph (and Content Cloud SaaS) makes its global debut, it is known that there are going to be some bugs and quirks. One of t...

Eric Markson | Jul 22, 2024 | Syndicated blog

Integration Bynder (DAM) with Optimizely

Bynder is a comprehensive digital asset management (DAM) platform that enables businesses to efficiently manage, store, organize, and share their...

Sanjay Kumar | Jul 22, 2024

Frontend Hosting for SaaS CMS Solutions

Introduction Now that CMS SaaS Core has gone into general availability, it is a good time to start discussing where to host the head. SaaS Core is...

Minesh Shah (Netcel) | Jul 20, 2024