🔄 Missions Page

Description

This widget displays all information about bundles, missions, and objectives in an independent widget.

Configuration

• class <string|required>: gamification_widget
• data-type <string|required>: missions

Important notes

• The Image in the header can be customized through the Backoffice (See Customization section for details)
• The "Desktop" version appears in window widths above 992px.
• The container max width is 1200px

Example:

Show me the code!

<div class="gamification_widget" data-type="missions"></div>

UI views:

1. Mission Bundles List

2. Mission Bundle Details - In Order

3. Mission Bundle Details - Any Order

4. Mission Details

5. Mission Bundles List (Mobile)

6. Missions List (Ordered / Any Order) (Mobile)

Customization

The following features can be customized for the Missions page. To modify these values head to the Backoffice (Settings -> Widgets):

Banner image

• Recommended sizes:
• • Desktop 1200px x 180px
• • Mobile 400px x 110px
• If no banner is added, a solid theme color background will be used