Kanaalgegevens ophalen

Het ophalen van kanaalgegevens is een cruciaal onderdeel van het bouwen en personaliseren van je checkout-proces of online winkel met Afosto. Deze informatie helpt je om je interface te stylen op basis van de instellingen die beschikbaar zijn in de kanaalinstellingen.

Om de kanaalgegevens op te halen, gebruiken we een GraphQL-query om de gewenste instellingen op te vragen van de Afosto-server. De Storefront JavaScript Client stelt je in staat om deze actie efficiënt uit te voeren.

Kanaalgegevens

De kanaalgegevens bieden verschillende attributen om het uiterlijk en de functionaliteit van je winkel aan te passen. Deze gegevens omvatten:

Kleuren

Voor de kleuren kun je een primaire kleur en een tekstkleur selecteren. Deze worden opgeslagen als een hex-kleurcode die je kunt gebruiken om je checkout-elementen te stylen.

Stijl

Dit kan ofwel STRAIGHT of ROUNDED zijn. Je kunt deze instelling gebruiken om de ronding van de hoeken van elementen te definiëren. Bijvoorbeeld de ronding van de knoppen en invoervelden in je checkout.

Links

Dit zijn de links naar je checkout-pagina (CHECKOUT), privacybeleidpagina (PRIVACY_AGREEMENT), algemene voorwaardenpagina (TERMS_CONDITIONS) en de hoofdsite waarvoor het kanaal is gemaakt (VENDOR).

Logo & favicon

URL's voor het logo en favicon die je hebt geüpload in je kanaalinstellingen.

Locale

De gedefinieerde locale-instelling voor je kanaal.

GraphQL Query

Hier is een voorbeeld van hoe je deze gegevens kunt ophalen met behulp van een GraphQL-query:

1import StorefrontClient, { gql } from '@afosto/storefront';
2
3const client = StorefrontClient({
4  storefrontToken: 'STOREFRONT_TOKEN',
5});
6
7const query = gql`
8  query GetChannelData {
9    channel {
10      name
11      type
12      logo
13      locale
14      favicon
15      business {
16        name
17        messaging {
18          sender {
19            name
20            address
21          }
22        }
23      }
24      branding {
25        colors {
26          primary
27          text
28        }
29        style
30      }
31      links {
32        type
33        value
34      }
35    }
36  }
37`;
38
39const response = await client.query(query, variables);

Als je een storefront-token voor de client gebruikt, wordt het kanaal-ID dat is gekoppeld aan de storefront-token gebruikt voor de query. Dit haalt alle kanaalinstellingen en attributen op die je kunt gebruiken om je checkout of winkel te stylen en configureren.

Door het gebruik van deze query onder de knie te krijgen, kun je het checkout-proces van je Afosto-winkel aanpassen zodat het overeenkomt met je merkidentiteit en zakelijke behoeften.