Page component editor

oneCORE has developed a page component editor, a feature to help you construct your page with individual page components and edit content of each page component. In this article, we will introduce you all functions and how to use a component editor.

The component editor is available in all page types.

Elements on component editor

1. Page component panel displays all the page components that make up the current page. Users can add a component to a page by dragging the component to this panel. Users can manage the page components – add name, assign countries for content localization, modify content and set the component active and inactive – within this panel.

2. Component panel displays all components created on this page. The list of available components will display based on their component level. Users create a component by

- Add a component name

- Select a layout:

- Select a component level:

- Global – the global level is the master component. If you edit one, it will be applied to all. Additionally, the global component will be available to use on all pages.

- Specific – the specific level is the single component which can be used only on a specific page you add it to. If you edit one, it won’t be applied to another component.

- Shared - the shared component is reusable on other pages with independent content. If you edit one, it won’t be applied to another component.

3. View live page opens a live page on your website.

4. View edit mode opens a preview page. A preview page displays every heading tag on a page and allows users to see the preview page for each language and country in case that page contains country-specific page components.

Component section

Component section allows users to create custom sections, bundles multiple components together and add the sections to the main component editor. The section is designed to help users categorize or arrange the components into groups. By default, the components on specific sections will not appear on the page unless the section is added to the main component editor. However, with custom front-end integration, you have full control over which sections are displayed and how they are presented.

Page component settings

Forbidden and allowed countries

oneCORE component editor supports content localization, enabling you to control page component visibility based on country. A page component will be visible for all countries by default; therefore, it automatically selects all countries in ‘Allowed countries.’ To restrict the visibility, you can specify countries in either of the following fields:

- ‘Allowed countries’ specifying that users of these countries can see this page component on a page
- ‘Forbidden countries’ specifying that users of these countries cannot see this page component on a page.

Note: the countries which users can specify in the page component are based on the company’s available countries.

Default selection is All in 'Allowed countries.'

Select countries in 'Allowed countries' to specify that users of these countries can see this page component on a page

Select countries in 'Forbidden countries’ to specify that users of these countries cannot see this page component on a page.

Accessible

De instelling is om de zichtbaarheid van de pagina-componenten te configureren, of je ze voor iedereen wilt delen of alleen binnen een familie.

Collectie

Collecties binnen een component stellen gebruikers in staat om een onbeperkt aantal inhoudsgroepen toe te voegen. Deze functionaliteit is ideaal voor het creëren van dynamische elementen, zoals diavoorstellingen of flexibele contentblokken, waarbij gebruikers de mogelijkheid hebben om onbeperkt inhoud toe te voegen

Aangepaste tekst vastpinnen op componentafbeeldingen

De tagfunctie in de componenteditor stelt gebruikers in staat om aangepaste tekst vast te pinnen op een aangewezen locatie op een afbeelding binnen componenten of collecties. Hiermee kan een winkel afbeeldingen met gegevens op exacte posities weergeven. Voor het inschakelen van deze functie is per component een aangepaste integratie vereist.

Een tag toevoegen

1. Selecteer een afbeelding waarop u een tag wilt vastpinnen en klik op het tagpictogram om te starten.

2. Door op het pictogram te klikken, wordt een nieuw venster geopend met de geselecteerde afbeelding. Klik op de locatie waar u de tag wilt vastpinnen.

3. Vervolgens kunt u de gegevens van de tag invoeren. De beschikbare velden van een tag per component worden tijdens het ontwikkelproces bepaald.

4. Na het opslaan van de tag verschijnt er een pictogram op de afbeelding dat het totale aantal toegepaste tags aangeeft.

Een tag kopiëren

1. Selecteer een tag die u wilt kopiëren en kies ‘Kopiëren naar…’.

- Opmerking: selecteer meerdere tags om ze allemaal tegelijk te kopiëren.

2. Selecteer de doelafbeelding(en) binnen een component waarnaar u deze tag wilt kopiëren.

3. Na het opslaan wordt er in de doelafbeelding een tag aangemaakt met dezelfde locatie en gegevens als de oorspronkelijke tag.

Een gekopieerde tag op een andere afbeelding is een nieuw aangemaakte tag met dezelfde gegevens. Het bewerken van de oorspronkelijke tag heeft daarom geen invloed op de gekopieerde tags. Om een tag op alle afbeeldingen bij te werken, is het aanbevolen om de bestaande tags te verwijderen en een nieuwe tag aan te maken.

Een tag verwijderen

Selecteer een tag die u wilt verwijderen. U heeft vervolgens twee opties om de tag te verwijderen:

1. Verwijderen – om deze tag te verwijderen van de afbeelding waarop u zich bevindt.

2. Verwijderen van alle afbeeldingen – om deze tag te verwijderen van alle afbeeldingen binnen een component.

Het systeem herkent dezelfde tag op verschillende afbeeldingen binnen een component op basis van locatie en gegevens. Als zowel de locatie als de gegevens van de tags overeenkomen, worden de tags als identiek beschouwd en allemaal tegelijk verwijderd.

Save & sync

NL: Het beheren van meertalige content is eenvoudiger geworden. Met de nieuwe optie Opslaan & synchroniseren in de componenteditor kunt u specifieke veldinhoud in één actie naar andere talen pushen — geen handmatig kopiëren en plakken meer tussen taalversies. Bij synchronisatie wordt bestaande inhoud in de doeltaal vervangen, zodat de geselecteerde velden consistent blijven in alle talen.

Selecteer welke velden u wilt synchroniseren en naar welke doeltalen de inhoud moet worden gestuurd. Let op: sub-collecties kunnen niet afzonderlijk worden geselecteerd voor synchronisatie.

Let op: de functie Opslaan & synchroniseren is verborgen in winkels met één taal.