Block Layout

Navigate to Structure → Block Layout in Main Navigation Menu to:

• Select a region of the site to place a block of reusable content there.
• Use default blocks and add custom blocks.
• Easily reposition a block within regions.
• Control on which pages exactly a block will appear.

The Custom block library has the following block types ready for you (Structure → Block Layout → Custom block library):

• Awards – allows granting awards for the content suffix area.
• Basic block – offers a basic layout that contains a title and a body.
• Search bar – adds a search bar for your webshop.
• Section – allows adding different paragraph types like a regular section, a form or a spacer.

Learn more about the regions in which the blocks are placed in the next step: 2. Block layout and regions

When opening the Block layout, you will find a structure that we have predefined to serve as a starting point for your website. Here you will also find some default blocks, for example:

• Header Menu – Contains the login and registration links and icons (upper right corner of a web page).
• Language Switcher – We have placed the language switcher next to the header menu by default. 
• Site branding – Contains the logo of your website.
• Main navigation – We have placed the main navigation in Navigation by default. 

Learn more about the regions in which the blocks are placed in the next step: 2. Block layout and regions

1. Navigate to Structure → Block layout. 
   NOTE: Only the picturemaxx Base Theme is relevant for your settings. Just ignore the themes Claro, Seven, and Gin.
2. Locate the region of the site (Header, Content, etc.) where you want to place the block. Click Place block next to the region.
3. In the Place block dialog, filter or scroll the list of available blocks to find a desired block. Click Place block next to it.
4. In the Configure block dialog, decide whether to display the title, define the visibility of this block, and double check the selected region.

For example, to place Search Bar beneath the page header:

1. Click Place block next to Header Suffix. 

2. The Place block dialog lists all the blocks both offered by the system and custom-made by you. Find a required block and click Place block. 

4. The Configure block dialog offers the following options:

• Display title to use the block name as the block's title on the page. 
• Visibility to control the block's visibility for certain pages, roles, etc. If no changes are made here, by default, the block will appear on every page of your site. See 6. Configure visibility below.
• Click Save block to display the custom block within the selected region.

5. The Search Bar will now appear just below the main navigation on every page of the website.

To place a block to another region within the site layout:

In Structure → Block layout: 

• drag and drop a block to other position within the layout, or 
• select a position from the dropdown list in the Region column.

Remember to save your progress by clicking Save blocks at the bottom of the page.

The video below shows how to access the options.

To configure block visibility:

1. Navigate to Structure → Block Layout. 
2. On the Block Layout page, select a block and click Configure. 
3. On the Configure Block page, you can choose to show or hide the block title and add exceptions to the block's visibility:
   Select Pages in the Visibility list and enter page paths to show/hide the block on those pages. 

The video below will walk you through the procedure. 

Hide a default block of social media icons on a specific page. The same settings can be applied on any other block. 

Block description
Add a brief text describing your block.

Search Field Label
Enter a text to appear within your bar to motivate visitors to search for your images, e.g., Search for... 

Webgate Search URL
Enter your webshop's URL. Contact picturemaxx Professional Services for an appropriate link. 

Use main background toggle

Activate to apply the main background configured in the theme settings. Otherwise, the transparent background is applied for the block.

Sticky toggle
Enable the option to fix the search bar in the same position as the user scrolls down. 

Use advanced search toggle

Activate the advanced search based on the filters and classifications set in picturemaxx BACKSTAGE.
Important: Requires BACKSTAGE API key and default settings configuration (e.g.,website ID). Contact us at support@picturemaxx.com for details and guidance.

Autocomplete group

Set up the autocomplete feature based on classifications defined in picturemaxx BACKSTAGE.
Important: Requires BACKSTAGE API key. Contact us at support@picturemaxx.com for details and guidance.

Revision information
Add comments about the changes you made.

Block description
Add a brief text describing your block.

Language
Select the custom block language code.

Add Section
The available paragraph types are: 

• Columns, Text & Media
• Embedded Google Map
• FAQ-Group
• Form
• Spacer

Revision information
Add comments about the changes you made.

1. Navigate to Structure → Block layout. 
2. On the Block Layout page, scroll the list down to the Doormat region, and click Place block to view available blocks.
3. In the Place block dialog, search for Shariff Sharing Buttons, and click Place block to add it.

The video below will walk you through the procedure. 

NOTE: Shariff Sharing Buttons is a Drupal module that enables website users to share their favorite content without compromising their privacy.

Add a default block of social media icons to the Doormat region of a website: