Launcher
Caast launcher is generally is usually used on product pages because the size footprint is really small and won't degrade your SEO performance. It allow you to show all the incoming lives or your available replays concerning a specific product.
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:

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
* -----------------------------------
*/
/*
* A set of css variable used to customize the launcher,
* the values came from our configuration but you can overwrite them locally
*/
:root {
--caast-button-background;
--caast-button-background-darken;
--caast-button-color;
--caast-is-live-color;
--caast-background-image;
}
/*
* 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 {
}
/*
* -----------------------------------
* Style for Caast subscribe form
* -----------------------------------
*/
/*
* Wrapper for subscription popover
*/
.caast-popover {
}
/*
* Class added to .caast-popover when open
*/
.caast-popover--open {
}
/*
* Class added to .caast-popover when open
*/
.caast-popover--animating {
}
/*
* Class extending .caast-button
*/
.caast-button--circle {
}
/*
* Wrapper for input grouped with button
*/
.caast-input-group {
}
/*
* Wrapper inside .caast-input-group to properly wrap the submit button
*/
.caast-input-group-append {
}
/*
* Widget input
*/
.caast-input {
}
/*
* Wrapper for form response
*/
.caast-response {
}
/*
* Class added to .caast-response when success
*/
.caast-response--success {
}
/*
* Class added to .caast-response when error
*/
.caast-response--error {
}