AdminStore ConfigurationTranslations

Translations for Address Form Fields (Beta)

The Translations Admin GraphQL API is currently available on Catalyst storefronts only.

The following entities are translatable for address form fields:

  • Label as label - The display label for the form field
  • Option values as option_{base64string} - Option values where the base64 string encodes the original option text

Resource fields

The entities listed above are referenced differently based on resource type and must use the following values in the queries outlined below:

Entity TyperesourceTyperesourceId Format
Address Form FieldADDRESS_FORM_FIELDSbc/store/addressFormField/{field_id}

Field Name Format for Options

  • label - The display label for the form field
  • option_{base64string} - Option values where the base64 string encodes the original option text
    • Example: option_UmVzaWRlbnRpYWw= (where UmVzaWRlbnRpYWw= is base64 for “Residential”)
    • Example: option_Q29tbWVyY2lhbA== (where Q29tbWVyY2lhbA== is base64 for “Commercial”)

Examples

Below are examples of GraphQL queries and mutations for retrieving and managing translation settings for address form fields.

Query a List of Translations

This query returns a paginated list of translations by resourceType, channel, and locale with a maximum of 50 results per request.

The request below uses several variables for reusability. Replace {{channel_id}} and {{locale_code}} with the appropriate values for your use case.

Example query: Query a list of translations
GRAPHQL https://api.bigcommerce.com/stores/{{store_hash}}/graphql
X-Auth-Token: {{token}}
query {
  store {
    translations(
      filters: {
        channelId: "bc/store/channel/{{channel_id}}",
        localeId: "bc/store/locale/{{locale_code}}",
        resourceType: ADDRESS_FORM_FIELDS
      }
      first: 50
    ) {
      pageInfo {
        startCursor
        endCursor
        hasNextPage
        hasPreviousPage
      }
      edges {
        cursor
        node {
          resourceId
          fields {
            fieldName
            original
            translation
          }
        }
      }
    }
  }
}

Query a Translation by Resource ID

This query returns translation(s) by resourceId.

The request below uses several variables for reusability. Replace {{resourceId}}, {{channel_id}}, and {{locale_code}} with appropriate values for your use case. Make sure resourceId follows the format from the Resource fields table.

Example query: Query a translation by resource id
GRAPHQL https://api.bigcommerce.com/stores/{{store_hash}}/graphql
X-Auth-Token: {{token}}
query {
  store {
    translations(
      filters: {
        channelId: "bc/store/channel/{{channel_id}}",
        localeId: "bc/store/locale/{{locale_code}}",
        resourceType: ADDRESS_FORM_FIELDS,
        resourceIds: ["bc/store/addressFormField/18"]
      }
    ) {
      edges {
        cursor
        node {
          resourceId
          fields {
            fieldName
            original
            translation
          }
        }
      }
    }
  }
}

Update a Translation

This mutation updates a translation.

Example mutation: Update a translation
GRAPHQL https://api.bigcommerce.com/stores/{{store_hash}}/graphql
X-Auth-Token: {{token}}
mutation {
  translation {
    updateTranslations(
      input: {
        resourceType: ADDRESS_FORM_FIELDS,
        channelId: "bc/store/channel/{{channel_id}}",
        localeId: "bc/store/locale/{{locale_code}}",
        entities: [
          {
            resourceId: "bc/store/addressFormField/18",
            fields: [
              { fieldName: "label", value: "Dirección de la calle" },
              { fieldName: "option_UmVzaWRlbnRpYWw=", value: "Residencial" },
              { fieldName: "option_Q29tbWVyY2lhbA==", value: "Comercial" }
            ]
          }
        ]
      }
    ) {
      __typename
      errors {
        __typename
        ... on Error {
          message
        }
        ... on InvalidTranslationEntityFieldsError {
          id
          fields
          message
        }
      }
    }
  }
}

The mutation example above shows a successful response. If invalid fields are provided, the API will return an error response. See the Error Handling Reference for more details on error responses.

Example error response for invalid fields:

{
  "data": {
    "translation": {
      "updateTranslations": {
        "__typename": "UpdateTranslationsResult",
        "errors": [
          {
            "__typename": "InvalidTranslationEntityFieldsError",
            "id": "bc/store/addressFormField/18",
            "fields": ["option_SW52YWxpZA=="],
            "message": "Invalid fields for entity bc/store/addressFormField/18: option_SW52YWxpZA=="
          }
        ]
      }
    }
  }
}

Delete a Translation

The following mutation deletes a translation.

Example mutation: Delete a translation
GRAPHQL https://api.bigcommerce.com/stores/{{store_hash}}/graphql
X-Auth-Token: {{token}}
mutation {
  translation {
    deleteTranslations(
      input: {
        channelId: "bc/store/channel/{{channel_id}}",
        localeId: "bc/store/locale/{{locale_code}}",
        resourceType: ADDRESS_FORM_FIELDS,
        resources: [
          { 
            resourceId: "bc/store/addressFormField/18",
            fields: ["label", "option_UmVzaWRlbnRpYWw=", "option_Q29tbWVyY2lhbA=="]
          }
        ]
      }
    ) {
      __typename
      errors {
        __typename
        ... on Error {
          message
        }
        ... on InvalidTranslationEntityFieldsError {
          id
          fields
          message
        }
      }
    }
  }
}