Install SAP Commerce Cloud
Learn how to install Bolt with SAP Commerce Cloud.
Overview
SAP Commerce Cloud is an extensible, flexible ecommerce platform that lets merchants provide a bespoke experience to customers. The power of this platform is contained in its modular approach. Business logic, APIs and frontend components are all separate modules that you can use based on how you want the platform to behave. SAP Commerce Cloud is also sometimes referred to as hybris.
Enablement
Backoffice
- Unzip the Bolt file provided by your CSM to a temporary folder.
- Copy the following directories to your Commerce Cloud installation:
boltbackoffice
boltocc
- Open the
localextensions.xml
file in the folder/hybris/config
and add the following lines:
<extension name=’boltocc’ />
<extension name=’boltbackoffice’ />
- Restart the Server
- Commerce Cloud:
- • Deploy with Recreate
- Local Setup
- • Ant clean all
- • Start server
- • Perform a system update with the new extension
WARNING
Only perform step 5. if the Bolt tab does not appear in the backoffice menu.
- Refresh Backoffice (if needed):
- While in the Backoffice press F4 on your keyboard.
- Select the menu icon in the upper right corner.
- Select Reset Everything.
Frontend
- Copy the Bolt-Checkout folder into the standard Spartacus installation folder
project folder/js_storefront/spartacusstore/src/app/Spartacus
- Open
checkout-feature.module.ts
inspartacus/features/checkout
. - Import the Bolt Checkout Module by adding it to the top of the file and adding it as in import.
Example
import { BoltCheckoutModule } from '../../bolt-checkout-base/bolt-checkout.module' // imports Bolt Module
@NGModule({
declarations: [],
imports: [CheckoutRootModule, BoltCheckoutModule], // add Bolt module here
providers: [
provideConfig(<CmsConfig>){
featureModules: {
[CHECKOUT FEATURE]:{
module: () =>
import ('../../bolt-checkout-base/bolt-checkout.module').then(
(m) => m.BoltCheckoutModule
),
},
},
},
],
})
- Copy all the files under the
spartacus/features/shared
folder. - Open the
apps.module.ts
and add the following toimports
array:BoltMessageComponentModule
- Add
...boltErrorHandlers
inproviders
array.