Broken layout in SmartEdit

[bfvossp]

Hi, we're currently migrating our shop to a new version of SAP Commerce Cloud and want to get SmartEdit to work.

Unfortunately, SmartEdit destroys the layout of the shop in some places. Especially when activating the edit interface, the layers to edit a component won't be in the place where they should be. In some places we use a grid layout where the components are next to each other but SmartEdit shows the edit layers among each other.

Is there a workaround or a fix for this?

[former_member1011565]

We've had similar issues once and it turned out that the SmartEdit addon was not installed properly. First of all, make sure you followed all of the installation steps properly:

Installing SmartEdit
https://help.sap.com/viewer/9d346683b0084da2938be8a285c0c27a/2011/en-US/0955af7dd5154a8db28dfce327d8...

Also, ensure your site includes and renders the smarteditaddon.js file:

<script type="text/javascript" src="/_ui/addons/smarteditaddon/responsive/common/js/smarteditaddon.js"></script>

Since our project was based on an old accelerator version it did not include the three mandatory smartedit css classes in the body tag of our page:

It was necessary to adapt our storefront code according to:

SmartEdit Contract for Storefronts
https://help.sap.com/viewer/9d346683b0084da2938be8a285c0c27a/2011/en-US/622cebcb444b42e18de214777543...

and

HTML Markup Contract
https://help.sap.com/viewer/9d346683b0084da2938be8a285c0c27a/2011/en-US/65aaa344cacb4b389e0689f7e9b3...