Last updated

Customization checklist

This guide lists the important things to go through when customizing Flex Template for Web (FTW).

Table of Contents

Here is a list of things to update and check when starting to customize FTW.

1. Customize visual styles

2. Change text content

3. Change configuration

  • Go through the FTW Environment configuration variables
  • Update config.js
    • FTW-daily & FTW-hourly: src/config.js
    • FTW-product: src/config/config.js
  • Update marketplace-custom-config.js. It contains configs for search page filters and sorting.
    • FTW-daily & FTW-hourly: src/marketplace-custom-config.js
    • FTW-product: src/config/marketplace-custom-config.js
  • Update default-location-searches.js. It contains configs for search page filters and sorting.
    • FTW-daily & FTW-hourly: src/default-location-searches.js
    • FTW-product: src/config/default-location-searches.js

4. Other optional changes

  • Update page schema to improve Search Engine Optimization (SEO)
  • Update ListingPage to show extended data (aka publicData attribute).
    • It's inside src/containers directory
  • Update EditListingWizard component to add extended data listing entity.
    • FTW-daily and FTW-hourly has it in src/components/ directory and
    • FTW-product has it inside src/containers/EditListingPage/ directory.
  • Update SearchPage to filter with extended data
    • It's inside src/containers directory
  • Update routeConfiguration.js if routing changes are needed.
    • FTW-daily and FTW-hourly has it in src/ directory and
    • FTW-product has it inside src/routing/ directory
  • Update transaction email templates. For more information, see Edit email templates with Flex CLI tutorial and Email templates reference article.
  • Update unit type for order line-items, if order's main unit changes ('day', 'night', 'units').
  • Customize pricing
  • Add more content pages: How the templates render content pages using the PageBuilder
  • Update other existing pages
  • Update transaction process (API + Web app)