Menu how to show componen

1

Hi,

Base Info
I create base Channel (template Reference SPA)

<br-page :configuration="configuration" :mapping="mapping">
    <template v-slot="props">
      <header>
        <a :href="props.page.getUrl('/')">Home1</a>
             <br-component component="menu" />
      </header>
      <section class="top">
        <br-component component="top" />
      </section>
      <section class="main">
        <br-component component="main" />
      </section>
      <section class="right">
        <br-component component="right" />
      </section>
      <section class="bottom">
        <br-component component="bottom" />
      </section>
      <footer class="footer">
        <br-component component="footer" />
      </footer>
    </template>
  </br-page>
</template>

what should I do to be able to display the menu

another basic componenet form template Reference SPA i can show, it easy, butt i do not know how to get to menu.

I see data in {{page.value.toJSON() }} so i can create menu section but I think there is a better way

2

Hi @Przemek ,

  1. To Access The Channel Menu Template Properties (GET )" You can get the channel menu template properties using the Bloomreach Management API. You will be able to see the Endpoints in This [Documentation] “”(Get channel menu template properties)

This endpoint returns key-value pairs used to store extra information on the menu items. When creating a menu item from the UI (Experience Manager), it will automatically contain the default properties. When creating menu items through the /items endpoint of this API, any property can be defined, and only explicit properties will be created (ignoring the default properties)

  1. To “Create or Update Channel Menu Template Properties (PUT)” You can also create or update channel menu template properties using the endpoints mentioned in the same Documentation.

This allows you to define or modify the properties for the menu items.

  1. “Use the SPA SDK” The SPA SDK provides various modules and services to integrate with the SPA page. You can initialize the SPA with the configuration and model, and use the Menu component from the SDK to display the menu. Here is a basic example of how to initialize the SPA and use the Menu component.

Java Script

import { Spa, SpaService, Menu } from '@bloomreach/spa-sdk';

const spa = new Spa();
spa.initialize({
  configuration: {
    // your configuration here
  },
  model: {
    // your model here
  },
});

// Use the Menu component to display the menu
const menu = new Menu({
  // menu properties here
});

// Render the menu in your component
return (
  <div>
    {menu.render()}
  </div>
);

By following these steps, you should be able to display the menu in your base Channel using the template Reference SPA. If you need further customization, you can refer to the Bloomreach documentation and the SPA SDK for more detailed guidance ( Bloomreach Reference SPA).

Best Regards,
Bloomreach team.