Skip to main content

Casino Carousel

The Casino Carousel is the main attraction of the Casino Page. It shows all the latest promos, Public and Targetted, to the customers. In this section, we will provide the necessary steps in building the Casino Carousel.

To create your Carousel, navigate to it's directory:

Sitecore Path

Content > Vanilla.Mobile > State/Brand > MobileCasino-v1.0 > Teasers > Repository

Duplicate one of the Carousel object, preferably the template.

Name the new Carousel object with the Ticket name.

Desktop and Mobile Carousels?​

Most of the time we create 2 version of the carousel, one for mobile one for desktop. This is based on the supplied asset from the designers. In this case we need to check for 2 assets: 605x328 and Casino Carousel-1920x560.

If there is no provided 605x328 we need to create a desktop and mobile carousel, but if there is, we only need to create a single carousel.

Naming Carousels

For desktop and mobile carousels, simply suffix a -Desktop and -Mobile to label the appropriate carousels

Required Fields​

Field

Value

Title

Carousel H1

Subtitle

Carousel H2

Image

605x328

But if there is no provided, use a blank 605x328 image

CTA link > Url

Depending on the ticket it may be Smartlink to MPP, offers page, landing page, login, sign up or game.

Teaser link > Url

CTA Native link > Url

Teaser Native link > Url

CTA Title

Depending on the ticket it may be Smartlink to Learn More, Claim Now, Log In, Sign Up, or Play Now

Background: Image

Casino Carousel-1920x560

Labeling

Please check the CTA guide for the proper labeling and link to use.

Frequently Used CTAs

Ticket Type

CTA Label

CTA URL

Ticket with MPP

Learn More

!!M2.Portal/mobileportal/promotions/{label}/{url}

Game Announcement

Play Now

!!M2.CasinoHome/launchng/{game}

Tiered Promo Log In

Log In

!!M2.Portal/labelhost/login

Tiered Promo Sign Up

Sign Up

!!M2.Portal/mobileportal/register

Teaser Alignments​

Device

Value

Single Carousel

actor-left title-big text-center actor no-cta

Desktop

Mobile

disable-actor title-big text-center

Filters​

Device

Value

Single Carousel

QueryString.Get('qa') = 'manila'

Desktop

((QueryString.Get('qa') = 'manila') AND ((NOT Device.IsMobile) AND (NOT Device.IsTablet)))

Mobile

((QueryString.Get('qa') = 'manila') AND (Device.IsMobile OR Device.IsTablet))

To push your newly created Carousel, navigate to this directory:

Sitecore Path

Content > Vanilla.Mobile > State/Brand > MobileCasino-v1.0 > LMTCategories > featured/lobbyhome

Find your Carousels in the left box then select and click the right arrow button. Do this for both Desktop and Mobile carousels.

To preview your Carousel go to your Product and State Website and then add your filter.

See example below:

https://casino.nj.betmgm.com/en/games?qa=manila
Contributors