Content Editing

This section covers content editing in the Design View by providing step-by-step instructions and practical use cases.

To help you efficiently manage and update your shop content, you will learn how to update content, such as teaser banners, texts, and images, to reflect seasonal campaigns, product launches, or localized promotions – without needing developer support.

Note:
To be able to view changes immediately, disable the page cache in Intershop Commerce Management (ICM). For details, refer to Managing Page Cache in the ICM online help.

Editing a Component

To edit a component:
  1. Navigate to the page with the component to be edited.
  2. Select the component to be edited:
    Hover over the content components and click the pencil icon () to edit a specific component.
    Note:
    You will only see the last (deepest) level of components. For example, if a slider component contains multiple teasers, you can edit the teasers but not the slider container itself.
  3. Edit the component.
    Depending on the component, you can, for example:
    • Replace images (e.g., in a teaser)
    • Replace products (e.g., in a product carousel)
    • Adjust settings, such as content visibility timeframes
  4. Click Submit to save your changes.
    Your updates will become visible in the shop storefront at the specified time, based on your configured availability settings.

Use Case: Updating a Teaser Banner

For this use case, we assume that you want to update a teaser banner on your homepage to promote an upcoming autumn sale for notebooks. You will change the image, add new text, set a call-to-action button linking to the notebooks category, and adjust the start and end dates for the teaser display.

To update a teaser banner:
  1. Navigate to the homepage (if not already displayed in the Design View).
  2. Hover over the teaser you want to edit and click the pencil icon ().
  3. Select a new banner image.
    1. Click Select for the image to be uploaded, in this case Image LG.
    2. Browse for your image and click Apply.
  4. Provide a Main Heading and a Sub Heading.
    For this example, we use:
    • Main Heading: Autumn Sale
    • Sub Heading: 10% Discount on all notebooks!
  5. Set a Call To Action Target:
    1. Click Select.
    2. Select the category or subcategory to be linked, Notebooks for this example.
    3. Click Apply.
  6. Provide a text for the Call to Action Button, for example: Learn More
  7. Set a start and end date for the content to be visible (e.g., only during the sale period).
    1. Switch to the Settings tab.
    2. In the Publishing section, provide a start date and an end date.
  8. Click Submit to save your changes.
    The result may look like this:
    Figure 1. Updated teaser banner for an autumn sale
    Updated teaser banner for an autumn sale