FunnelBlock

A FunnelBlock is a full screen sized banner with most of the time an ImageBlock as background. The FunnelBlock persists of that said background, which often stretches across the whole screen. On the banner itself can a title, short text and a button be found if added to it.

Structure example

Take a look at the example, to further understand the possibilities, of how a FunnelBlock can be structured.

This example shows a funnel banner that is always stretched to 100% view height.

{
   "requiredDisplayTitle":{
      "content":"FBB screen height",
      "size":"xl3",
      "weight":"black",
      "classification":"sans"
   },
   "displayDescription":{
      "content":"desc",
      "size":"lg",
      "weight":"semibold",
      "classification":"sans"
   },
   "buttons":[
      {
         "url":"https://www.shophub.de",
         "text":"shophub"
      }
   ],
   "background":{
      "__typename":"ImageBlock",
      "id":"my-image-block-id"
   },
   "styleOptions":{
      "isScreenHeight":true
   }
}

Create

POST _apiBaseUrl/v1/cms/banner/funnel-block

Code

FunnelBlockBannerDto

{
   "requiredDisplayTitle":{
      "content":"FBB screen height",
      "size":"xl3",
      "weight":"black",
      "classification":"sans"
   },
   "displayDescription":{
      "content":"desc",
      "size":"lg",
      "weight":"semibold",
      "classification":"sans"
   },
   "buttons":[
      {
         "url":"https://www.shophub.de",
         "text":"shophub"
      }
   ],
   "background":{
      "__typename":"ImageBlock",
      "id":"my-image-block-id"
   },
   "styleOptions":{
      "alignment": "center",
      "minHeight": null,
      "maxHeight": null,
      "isScreenHeight":true
   }
}