ButtonBlock

Different to the button object, the ButtonBlock is a standalone banner entity, that can be used independently of any other banner entities. The ButtonBlock also comes with further configuration options like size and button alignments.

Structure example

Take a look at the example on how a potential ButtonBlock can look like. The hover effect of a button on big screen devices, is always a slightly lighter color than the base color.

• Primary button
• Secondary button
• Tertiary button

This example shows a primary button.

{
   "displayLink":{
      "url":"/collections/my-collection",
      "displayText":"Text",
      "descriptiveText":"My descriptive text"
   },
   "styleOptions":{
      "alignment":"center",
      "buttonType":"primary",
      "minWidth":"25%",
      "maxWidth":"100%",
      "width":"600px"
   }
}

Create

Code

{
   "displayLink":{
      "url":"/collections/my-collection",
      "displayText":"Text",
      "descriptiveText":"My descriptive text"
   },
   "styleOptions":{
      "alignment":"center",
      "buttonType":"tertiary",
      "minWidth":"25%",
      "maxWidth":"100%",
      "width":"600px"
   }
}

Arguments