Warning
You are browsing a legacy documentation for FTW (daily, hourly and product) which is no longer maintained.

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)