Skip to main content

Launcher

Caast launcher is the Caast Library implementation dipslaying informations regarding the incoming live, its DOM is directly inserted in your HTML.

The Caast launcher looks like this :

Classic launcher

The launcher version is usually used on product pages because the size footprint is really small and won't degrade your SEO performance.

Templating

The Caast launcher can be totally customized via custom template HTML, please refer to the dedicated section if you need this kind of behaviour. You can achieve things like this:

Customized launcher

Style

Caast is totally customizable, you can simply expand styling via css, you just need to make sure to respect our css naming strategy in order to override implemented styles.

/*
* -----------------------------------
* Style for Caast common DOM element
* -----------------------------------
*/

/*
* Wrapper for widget
*/
.caast-toggler {
}
/*
* Wrapper for widget content
*/
.caast-toggler__content {
}
/*
* Wrapper for the thumbnail content
*/
.caast-toggler__thumbnail {
}
/*
* Widget title
*/
.caast-toggler__title {
}
/*
* Class added to .caast-toggler__title when a live is on
*/
.caast-toggler__title--animated {
}
/*
* Widget description
*/
.caast-toggler__description {
}
/*
* Wrapper for widgets actions like subscribe and launch live
*/
.caast-toggler__actions {
}
/*
* Wrapper for countdown when a llive is about to start
*/
.caast-countdown {
}
/*
* Wrapper for countdown minutes
*/
.caast-countdown__minutes {
}
/*
* Wrapper for countdown seconds
*/
.caast-countdown__seconds {
}
/*
* Widget button
*/
.caast-button {
}
/*
* Class added to .caast-button when loading
*/
.caast-button--loading {
}