Vue Storefront is now Alokai! Learn More
Alokai Customization Guide

Alokai Customization Guide

Alokai is not a cookie-cutter solution, it is meant to flexible enough to handle even the complex use cases. This guide will take you through the most common customization scenarios. We aim to cover end-to-end implementation of realistic business requirements.

Some of the customizations you'll do throughout this guide are:

  • ri:checkbox-circle-fill
    Customizing the logo image
  • ri:checkbox-circle-fill
    Adjusting the theme colors
  • ri:checkbox-circle-fill
    Inserting a pre-header
  • ri:checkbox-circle-fill
    Implementing i18n (internationalization)
  • ri:checkbox-circle-fill
    Modifying the look and feel of various components
  • ri:checkbox-circle-fill
    Implementing a filter search feature
  • ri:checkbox-circle-fill
    Creating a new page with a list of brands
  • ri:checkbox-circle-fill
    Adding an "available for pickup" feature - add custom fields to our unified data model
  • ri:checkbox-circle-fill
    Customizing the product slug to change the PDP URL
  • ri:checkbox-circle-fill
    Fetching product reviews from an external service
  • ri:checkbox-circle-fill
    Building a completely new feature from scratch. You will mock a "social product images" feature

Please bear in mind that this guide is not exhaustive - Alokai offers some more features that you can find in our documentation: https://docs.alokai.com/.

Prerequisitesri:link

This guide assumes that:

  • you've gone through the Alokai Next.js guide.
  • you have access to Alokai Enterprise
  • you have an Alokai starter project provided by the Alokai team
  • you have access to SAP Commerce Cloud OCC API instance (you can use our demo instance)

Next: UI Customization

Learn how to customize Alokai User Interface.