Modules
Fees & charges
Product-specific fees and charges sections.
Fees & charges
Description
Fees & charges lists the fees for a product. There is a separate template for Q Card and Q Mastercard, and the page's product type controls which one is shown.
How to edit
- Go to Elementor → Editor → Templates.
- Search for
Fees(or the specific template name below). - Open the template and edit the fee copy directly.
- Save, then check a page that uses the template.
Update the copy inside the existing rows rather than rebuilding them, and make sure any change is made on the correct product template.
Variants
CK – Fees & Charges – Q CardCK – Fees & Charges – Q Mastercard
Product switching
Both templates can sit on the same page. The IDs qcard-fees and qmastercard-fees are used to show the right one and hide the other based on the product selected on the page. Keep these IDs in place or the wrong fees may appear.
Classes
Primary classes used by the fees & charges component:
| Class | What it's for |
|---|---|
ck-fees | Main wrapper |
ck-fees__dot-point | A bulleted fee item |
ck-fees__icon | Icon beside a fee item |
ck-fees__button | Call-to-action button |
IDs used:
| ID | What it's for |
|---|---|
qcard-fees | The Q Card fees section |
qmastercard-fees | The Q Mastercard fees section |
Styling is done through a combination of the built-in page builder options as well as custom CSS where needed.