Salesforce Docs Portal

Customize the Refreshed Commerce App

In Summer ’24, Salesforce introduced a refreshed Commerce app with enhanced navigation and features designed to simplify online store management. If you've been using the Commerce Storefront Console app and have customized pages, you can add those custom pages to the refreshed app. You can also modify the navigation for the refreshed app.

Required Editions

  1. If you've been using the Commerce Storefront Console app and have customized the Commerce home, store home, or a record page, you can add those pages to the refreshed app.
    1. From Setup, in the Quick Find box, enter Lightning App Builder, and then select Lightning App Builder.
    2. Next to the customized page, click Edit.
    3. Click Activation.
    4. Choose App Default and click Assign to Apps.
      Activate page modal
    5. Select CommerceV2 and click Next.
      Selecting commerce app
    6. Click Next.
    7. Repeat these steps for each record, store home, or commerce home page that you want to use in the refreshed app.
    8. Exit the Lightning App Builder.
  2. Make your customized store home or commerce home page visible in the refreshed app.
    This step isn’t required for customized record pages after completing the previous step.
    1. Click Setup at the top of the page, and then select Setup.
    2. In the Quick Find box, enter App Manager, and select App Manager.
    3. Locate the row that has Commerce as the App Name and CommerceV2 as the Developer Name, and click Edit from the dropdown.
      App manager
    4. Select Navigation Items.
    5. Move the pages that you want to make visible from Available Items to Selected Items.
      The Stores (plural) item represents your customized store page. Store (singular) is the page that’s already in the refreshed app.
      Selected items in app settings
    6. Save your changes and exit the Lightning App Builder.
      The pages that you selected now appear as tabs in the refreshed app. If you don’t see the tabs, log out and log in again.
  3. (Optional) Modify the navigation for your refreshed app.
    These changes apply only to your own usage, and not to other users.
    1. In the top right of the store home or any record page, click the pencil icon.
    2. Reorder or add navigation items.
      When you customize the navigation, the store context that you’re working in doesn’t persist between navigation tabs. For example, if you change stores in the Store tab and then go to the Products workspace, you must change the store there too.
      Commerce app navigation customization

See Also