Skip to main content
This article explains how to customize your web store layout in the Template Editor using Blocks. Blocks represent sections of the store page, such as the header, bundles, banners, or footer. Using Blocks, you control how each section is displayed, whether it appears in the store, and where it appears in the page layout. In this article, you’ll learn how to:
  • Configure a Block: Adjust settings such as theme, layout style, and the number of offers displayed per row.
  • Hide or show a Block: Control whether a section appears in the store.
  • Reorder a Block: Change where a section appears in the page layout.
Blocks control the layout of the store, not the content. The offers and other data displayed in each section depend on your active offers and configurations in the Publisher Dashboard.For example, if the Bundles Block is hidden, Bundle offers won’t appear in the store even if they are active. If the Bundles Block is visible but no Bundle offers exist, the section won’t appear in the store.

​
Configure a Block

Each Block includes configuration settings that control how its section appears in the web store. These settings vary by Block and may include layout style, the number of offers displayed per row, or the visual theme. A theme is a professionally designed visual template that controls how the section appears. To configure a Block:
  1. In the Left Sidebar, click the Block you want to configure.
  2. Adjust the available settings for that Block:
The header is the top section of the web store.To configure the header, complete the following fields:
  • Show Logo: Toggle on to display your logo in the top-right corner of the web store.
  • Show Player Name: Toggle on to display the player’s name in the top-left corner.
  • Show Player ID: Toggle on to display the player’s ID in the top-left corner.
  • Sticky Header: Toggle on to freeze the header at the top when the player scrolls.
  • Background Opacity (%): Set the opacity of the header background image.
  • Text Color: Select a color for header text.
Select the design you want to use for the Daily Bonus Badge.
  • Themes: Use the drop-down menu to select a visual theme for your Bundles.
  • Offer Per Row (Mobile): Choose how many offers appear per row on mobile devices. Note that some themes have a set amount of offers per row.
Display the player’s current game level.
Select the Progress Bar design you want to use.
  • Themes: Use the drop-down menu to select a visual theme for your Special Offers.
Use the text box to add custom rich text content to the store.
Select the Banner design you want to use.
  • Desktop Layout: Use the drop-down menu to select the direction of the Rolling Offer when viewed on Desktop.
  • Themes: Use the drop-down menu to select a visual theme for your Rolling Offers.

​
Reorder a Block

You can reorder Blocks to change where the sections appear in the page layout.
You can’t reorder Header and Popup Blocks.
To reorder a Block:
  1. Hover over the Block you want to move. A drag handle (dots) will appear on the left side of the Block.
  2. Click and hold the drag handle, and then drag the Block to the desired position. ​

​
Hide or show a Block

You can control whether a section appears in the store by hiding or showing its corresponding Block. Hiding a Block removes the section from the web store without deleting its configuration.
You can’t hide Header and Popup Blocks.
To hide or show a Block:
  1. Hover over the Block you want to hide or show. An eye icon appears on the right side of the Block.
  2. Click the eye icon to toggle the Block’s visibility:
    • When hidden, the eye icon appears closed and the Block text turns gray.
    • When visible, the eye icon appears open and the Block text appears in black.
You can toggle the eye icon at any time to re-enable a hidden Block.