SAP Spartacus : CMS content page with dynamic parameter

CMS content page with dynamic parameter:

refer below example:
here we are passing savedCart id as a dynamic parameter.
e.g. 'my-account/saved-cart/000101010' 

Angular/Saprtacus Configuration
 

@NgModule({
  imports: [
    CommonModule,
    SpinnerModule,
    I18nModule,
    PaginationModule,
    ReactiveFormsModule,
    FormsModule,
    RouterModule,
    IconModule,
    FormErrorsModule,
    MyAccountTopMenuModule,
    RouterModule.forChild([
      {
  //path with dynamic parameter
        path: 'my-account/saved-cart/:cartid',
       
        data: {
//label of cms page without parameter.  
          pageLabel: '/my-account/saved-cart',
        },
// for displaying CMS slots,components
component: PageLayoutComponent, 
        canActivate: [CmsPageGuard],
      },
    ]),
  ],
  declarations: [BDISavedCartDetailsComponent],
  providers: [
    provideDefaultConfig(<CmsConfig>{
      cmsComponents: {
        BDISavedCartDetailsComponent: {
          component: BDISavedCartDetailsComponent,
          providers: [],
          guards: [AuthGuard],
        },
      },
    }),
  ],
  entryComponents: [BDISavedCartDetailsComponent],
  exports: [BDISavedCartDetailsComponent],
})
export class SavedCartDetailsModule {}
 
CMS page with Label (my-account/saved-cart):
 INSERT_UPDATE ContentPage;$contentCV[unique=true];uid[unique=true];name;masterTemplate(uid,$contentCV);label;defaultPage[default='true'];approvalStatus(code)[default='approved'];homepage[default='false']
               ;;savedCartDetailsPageSpa;Saved Cart Details Page;BDIAccountPageTemplateSpa;/my-account/saved-cart;;;
Mapping angular component with CMS component:  
INSERT_UPDATE CMSFlexComponent;$contentCV[unique=true];uid[unique=true];name;flexType;&componentRef
               ;;BDISavedCartDetailsComponent;Saved Cart Details Component;BDISavedCartDetailsComponent;BDISavedCartDetailsComponent 
Content slot/component/page association: 
INSERT_UPDATE ContentSlot;$contentCV[unique=true];uid[unique=true];name;active;cmsComponents(&componentRef)
               ;;SavedCartDetailsBodySlot;Body Content Slot for Saved Cart details;true;BDISavedCartDetailsComponent
INSERT_UPDATE ContentSlotForPage;$contentCV[unique=true];uid[unique=true];position[unique=true];page(uid,$contentCV)[unique=true];contentSlot(uid,$contentCV)[unique=true]
            ;;BodyContent-SavedCartDetails;BodyContent;savedCartDetailsPageSpa;SavedCartDetailsBodySlot

Comments

Post a Comment

Popular posts from this blog

Hybris / SAP Commerce Cloud Groovy Scripting Job to Generate CSV/Excel Reports and copy to Commerce cloud Blob Storage

Below are the steps to create scripting Cronjob from Back office: 1. Create Script of type Groovy 2. Create Scripting Job. 3. Create Cronjob. refer some already exist or OOB scripting job e.g.  evalCustomRefundAmount, evalOrigRefundAmount to get more details  Example Groovy Script: import de.hybris.platform.servicelayer.search.FlexibleSearchQuery; import java.text.SimpleDateFormat; flexibleSearchService = spring.getBean 'flexibleSearchService'; //put here the spring  bean specific to your project/implementation which reference to blob storage dataContainer =  spring.getBean 'dataContainer'; def fileContent = new StringBuilder(); //File header def FILE_HEADER = 'InvoiceNum,ActNum,Status'; def NEW_LINE_SEPARATOR = '\n'; def COMMA_DELIMITER = ','; fileContent.append(FILE_HEADER); fileContent.append(NEW_LINE_SEPARATOR); //File Name format and location in Azure Blob Storage def date = new Date(); def sdf = new SimpleDateFormat('MM_dd_yyyy_HH:mm...
Read more

Emma's dream - a kids story - By Kavya

Emma's Dream Emma was in her marshmallow themed bed, she had hoped to get a great dream tonight. “Good night Emma” said her mom. “Good night mom!” she said as she was about to fall asleep. In her dream she found herself surrounded by candy, cotton candy clouds, lollipop trees, a chocolate river and gumdrop rocks! She already knew this was going to be the best dream ever!  Then she heard something, it was a sound coming from the bushes. “Who is there? "she said. Then Emma saw a gentle fairy come out from the bushes. She had sprinkles on her hair, she had a nice frilly pink sprinkled dress, and had pink shoes to match her outfit “Sorry for interrupting,” the fairy said. “That is okay,” said Emma. ”Well I was wondering if you could help me get to the candy wizard, because you seem very brave,” said the fairy. “The candy wizard?” said Emma, confused. “Yes the candy wizard!” The fairy said, ”let me explain who he is first. ”He is the wizard that created us the citizens of ca...
Read more

Hybris/ SAP commerce Cloud: Retry failed/not sent emails due to SMTP connection issue.

  1. Add Configuration in Local.properties file. email.retry.attempts = 5 #in milliseconds 300000 ms = 5 minutes email.retry.interval = 300000 2. Add  " retryAttempts" attribute in EmailMessage item < itemtype code ="EmailMessage" generate ="false" autocreate ="false" > < attributes > < attribute type ="java.lang.Integer" qualifier ="retryAttempts" > < persistence type ="property" /> < modifiers unique ="false" optional ="false" read ="true" write ="true" search ="true" /> < defaultvalue > 0 </ defaultvalue > </ attribute > </ attributes > </ itemtype > 3. Extends OOB  DefaultEmailService and override send( EmailMessageModel message) method @Service ( "testDefaultEmailService" ) public class TestDefaultEmailService extends DefaultEmailService { @Reso...
Read more