You are here

Modules Demo

This is an example of our modules

This is the text and media module. Use this for adding body copy. Adding images will add it to the right hand side of the text. Adding a button will add it to the bottom of this content. Make sure to always use Raised Color as the button style for primary CTAs.

Manual Content Grid Component

  • 2 column desktop - copy

    will go to one on mobile and stack. this is a really great sentence. lots of copy and even more.

  • 2 column desktop - copy

    will go to one on mobile and stack. we don't like lots of copy. keep it short.

Manual Content Grid Component

Manual Content Grid Component - 3 column

  • the manual content grid component can be 2 column, 3 column or 4 column on desktop, and stack to 1 on mobile

  • the manual content grid component can be 2 column, 3 column or 4 column on desktop, and stack to 1 on mobile

  • the manual content grid component can be 2 column, 3 column or 4 column on desktop, and stack to 1 on mobile

Body images

Images in the body of the page should be added using the Banner Slider component, not added in the Text and Media component. The Banner Slider can have 1 image, or you can add up to 3 and it will slide through. Again, make sure you are following the website spec sheet to upload images at the correct size, they should not be resize as part of uploading into the page.

content content content content. yay content.

the tabs component is how you add an accordion (make sure you select always accordion as the behaviour)

Calculator on the page

To add the calculator to the body of the page, rather than the banner, use the FCC Currency Converter compontent. This can only be added once to the page, and cannot be in both the banner and the body. You can choose the currency to be the default, and you can choose if it is cash, card or both (select money).

Historical charts on the page

You can add the historical rates chart to the page by using the Historical Rates Chart component. You can choose the default currency.

AUD /
GBP
Historical Chart

AUD (Australian dollar) - Australia
AUD /
GBP
today's rate
1 AUD = GBP on Cash
1 AUD = GBP on Travel Money Card

Adding rates tiles to page

You can add rates tiles by using the Product Display component. Select FCL Currency Rates Country as the Product Type, and under Currency choose 'is equal to' and enter the currency codes you want to use. You can select how many you want to display (min is 4) but if you want less only enter the currency codes you want and it will only show the two, example below.

example of rates tiles
Countdown max 3 months