Introduction of new Service & Solution Blocks

Language Selector Block

The Language Selector Block is designed to display a list of language selection URLs with corresponding icons in a table format. Here's an overview of each property available in this block to guide you in setting it up and customizing it according to your needs.

Layout: 4 columns (default), 3 columns
Icon Type: Rectangle (default), circle
Link Target: Set the target URL for each link. The priority for the target URL is determined by the block's mode:
- Manual Mode: Individual item URL if available, else fallback to block link target, then the current page URL.
- Auto Mode: Uses the block link target first, then fallback to the current page URL if not set.
- Note: if the Link Target has a specific language (not automatic) or is an external link the the same URL of Link Target will be use for every sub item (for example if the link target is www.google.com (external) or www.arjo.com/en-us/ (language specific) the all sub items will use that link)
Type: URL field.
Auto Generate List: If enabled, the block will automatically generate the list of links based on the region selection menu, ignoring manually added items.
Link Items: Manually add or edit the list of language links that will be displayed in the block. This option is only applicable if 'Auto generate list' is not selected.

Icon: Set using the country code in lowercase, used as a CSS class for visual representation.
URL: If not manually set, the URL to link target of the parent block or the current page URL, adapted to the selected language.
Text: The display text for the language link, which can be localized.
Language Code: ISO code of the language, use to build URL from parent block’s link target or current page URL.

Example 1 - Auto Generated in 4 columns, rectangle icon

Example 2 - Manual List, in 3 columns, circle icon.

Interactive Map Block

The built-in editor is called a “maker” or a “hotspot”, so these two concepts are used interchangeably in this guide.

This only applies to DxP images since we can’t add the maker to an external (e.g. QBank image).

Upload a new image or edit an existing image.

In the “Hotspots” tab, drag and drop a hotspot to create a new one (1)
Select a block of “Text Block” type to add the text showing when hovering over the hotspot/marker (2).
Or drag out to the trash icon to delete (3)

The purple area of the editor is not being use (just adjust the location of the + icon)

Image max-width: To prevent large images from being used, the default width is 2000, for 2 columns view, should use 1200
Image with markers: could select Site Image with HotSpot

Block styling

Color theme: Standard Arjo theme, use with 2 columns view text.
Top Margin: Standard block to margin: No margin, small, medium, large
Marker shape and color: choose a style that best fits the context and background image
Map width: Full width will display block aligned with header and footer, Narrow view will display aligned with other standard blocks
Layout: image only or image with text side-by-side

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Yes