A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More

David Harlow
Mar 6, 2018
  4172
(6 votes)

Extending Commerce - Content Area Functionality

By default, content areas in Episerver commerce items such as products and variants don't display the option for creating a new block, and only allows for blocks to be dragged in, as seen below.

Image content-area.PNG

However, an extremely simple solution to change this default behaviour is to inherit from IResourceable on your product/variant which will require the interface member ContentAssetsID to be declared which can simply be scaffolded to false, and this will be all the code required to display the content area as expected! 

    public abstract class SiteProductContent : ProductContent, IResourceable
    {
        [ScaffoldColumn(false)]
        public Guid ContentAssetsID { get; set; }
    }
Mar 06, 2018

Comments

Marcus B
Marcus B Mar 6, 2018 10:17 PM

Great!

Johan Book
Johan Book Mar 6, 2018 11:58 PM

Nice!

Luc Gosso (MVP)
Luc Gosso (MVP) Mar 7, 2018 11:16 AM

thx for sharing! nice!

David Harlow
David Harlow May 3, 2018 12:23 PM

Update: We've decided to remove this functionality from our solution and allow editors to only add shared blocks to content areas on commerce pages, this is due to weird behaviour being viewed such as content completely dissapearing from the content area when not published, hopefully Episerver will fix this in the future. Feel free to vote for this in the following feature request:

https://world.episerver.com/forum/developer-forum/Feature-requests/Thread-Container/2018/5/full-block-support-for-the-commerce-catalog/

Please login to comment.
Latest blogs
Scheduled job for deleting content types and all related content

In my previous blog post which was about getting an overview of your sites content https://world.optimizely.com/blogs/Per-Nergard/Dates/2026/1/sche...

Per Nergård (MVP) | Jan 30, 2026

Working With Applications in Optimizely CMS 13

💡 Note:  The following content has been written based on Optimizely CMS 13 Preview 2 and may not accurately reflect the final release version. As...

Mark Stott | Jan 30, 2026

Experimentation at Speed Using Optimizely Opal and Web Experimentation

If you are working in experimentation, you will know that speed matters. The quicker you can go from idea to implementation, the faster you can...

Minesh Shah (Netcel) | Jan 30, 2026

How to run Optimizely CMS on VS Code Dev Containers

VS Code Dev Containers is an extension that allows you to use a Docker container as a full-featured development environment. Instead of installing...

Daniel Halse | Jan 30, 2026