Customization checklist

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

1. Customize visual styles

• Marketplace colors: How to customize FTW styles
• Favicon and application icons: How to change FTW icons
• Social media sharing graphics in the Page component
• Logo component change and check that it works on Topbar, Footer, and CheckoutPage
• Default background image

2. Change text content

• Update UI texts or change the language: How to change FTW UI texts and translations
• LandingPage component: update and create branded sections
• Footer component
• AboutPage component

• Update Terms of Service and Privacy Policy

  › Locate Terms of Service and Privacy Policy

  └── src
      └── components
          ├── TermsOfService
          └── PrivacyPolicy

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').

  • FTW-daily and FTW-hourly has config: bookingUnitType and
  • FTW-product has that config named as lineItemUnitType
• Customize pricing
• Add more static pages: How to add static pages in FTW
• Update other existing pages
• Update transaction process (API + Web app)