Replacing Marionette widgets with React widgets

Take note of your current widget configurations before removing the Marionette widget from a page.

  1. Sign in to the web shop as a Site Editor.
  2. Navigate to the page where the affected Marionette widget is located.
  3. Replace widgets that have (deprecated) in the widget name.
  4. Click the Add icon.
  5. Expand the Rhythm Commerce React Widgets menu to view the Rhythm Commerce Widgets that were migrated to React.
  6. Expand the Rhythm React Widgets menu to view the Rhythm Core Widgets that were migrated to React.
  7. Drag the React version to the same location.
  8. Configure the React widget using values from the old Marionette widget.
  9. Click Save.
  10. Remove the Marionette counterpart from the page.