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
- 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
- Footer component
- Optional: modify how default content pages are shown in FTW: How the template renders content pages
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 content pages: How the templates render content pages using the PageBuilder
- Update other existing pages
- Update transaction process (API + Web app)