Content Blocks

Documentation around the administration of content blocks in the CMS.

Overview

Colours

Dark Blue Light Blue Green Orange Red Yellow Light Grey Med Grey Dark Grey Extra Dark Gr...

Headings

Spacing

Bootstrap spacing classes for margin and padding can be applied to any element.https://getbootstr...

Grid Layout

Bootstrap grid layout information that can be applied to layout areas where column settings are a...

Layouts

Outer layouts used.

Layout: Tabs

Tabs Layout container for Tab Title and Tab Content A layout designed for the use of creating ta...

Layout: 50% 50%

Two columns 50% 50% layout at desktop Category: Default.Content Blocks Documentation: https...

Layout: 33% 33% 33%

Three columns set at 33% 33% 33% on desktop. Category: Default.Content Blocks Documentation...

Layout: 25% 25% 25% 25%

Four columns set at 25% 25% 25% 25% on desktop. Category: Default.Content Blocks Documentation...

Layout: Banner SVG Cutout Overlap

A single column that by default is 100% Category: Default.Content Blocks Documentation: htt...

Layout: Banner Lifestyle Badge

A single column hero layout with badge, image and SVG Option Category: Sections - Waterlogi...

Layout: Banner Image Overlap

Full width layout with a background image on the right, and space for content on the left. Cat...

Layout: Banner Curved Image

Full width layout with a background image on the right, and space for content on the left. Cat...

Layout: Full Page Modal

Full Page Modal layout Category: Waterlogic Layouts.Content Blocks Documentation: https://docs...

Layout: Image Banners

Full width layout with curved image and content. Category: Sections - Waterlogic Layout.Conten...

Layout: Multi Hero Slider

A single column hero with multiple hero sections which slide. Category: Sections - Sections - ...

Layout: In Page Slider Content

In Page Media Slider Layout Category: Sections - Sections - Waterlogic Gallery and Sliders.Con...

Layout: Midpage Multi CTA Layout

Default layout for Midpage Multi CTA Banner Category: Sections - Waterlogic Call to action ba...

Layout: Circle image card

Card with content and a circular image on the right Category: Sections - Waterlogic Call to a...

Layout: Contact banner

Styling layout for Contact banner Category: Default.Content Blocks Documentation: https://doc...

Layout: Call out banner layout

A call to action banner that grabs user attention with uniquely cropped SVG and image design ...

Layout: Pre-footer CTA

A call to action banner that sits just above the site footer and used to direct users to take add...

Layout: 100% empty

An empty layout with a wrapper for additional Bootstrap classes Category: Default.Content Blo...

Layout: Centre Product Feature

Layout with featured image in middle with content to left and right. Category: Sections - Wate...

Layout: Hyperlink block

A layout with 3 columns which produces 3 shadow boxes on the front end Category: Waterlogic L...

Layout: Banner SVG Product Overlap

A single column set to 100 of column width with product images above. Category: Default.Conten...

Layout: Banner Image Deep

A single column banner with image to right or left. Category: Waterlogic Layouts.Content Block...

Layout: Banner Stacked Icon

A single column banner with image to right or left. Category: Waterlogic Layouts.Content Block...

Layout: Hero 5 - Variable Columns

Hero 5 - Variable column layout for heros. Category: Templates - Sections - Waterlogic Heros.C...

Layout: Nested Empty Layout

An empty layout with a wrapper for additional Bootstrap classes Category: Default.Content Blo...

Layout: 100%

Single column layout Category: Default.Content Blocks Documentation: https://docs.modmore.com/...

Layout: Category sidebar

A layout with a dynamically generated category link list and content/ sidebar sections Categor...

Layout: Variable Columns

Variable column layout Category: Templates - Sections - Waterlogic Layout.Content Blocks Docum...

Layout: Page scroll banner

A blue background floating 4 column layout to be used with WL Icon CTA scroll links Category:...

Layout: Button group layout

Group buttons together inline on desktop and block on mobile Category: Waterlogic fieldsConten...

Layout: Side panel layout

Side panel layout Category: Waterlogic Articles.Content Blocks Documentation: https://docs.mod...

Layout: Call out heading

A layout that adds a coloured SVG and eye-catching heading on the left with rich text content on ...

Field: CTA Banner layout

A pre-built call to action banner Category: Waterlogic - Call to action banners This layou...

Layout: Image Tabs

Single column layout used with "Image Tab Logos" and "Image Tab Content" field. Category: Defa...

Layout: Colour split

Two-column layout with a dark blue background colour on the right column and light grey backgroun...

Layout: Hero form cut-out

Three column layout for use as a hero with a form and trusted logos Category: Waterlogic Heros...

Layout: Hero form product right

Three column layout for use as a hero with a form and trusted logos Category: Waterlogic Heros...

Layout: Banner Image Badge

Four column layout for use as a hero with a form and trusted logos and feature badge Category:...

Layout: Gradient image

Single column layout with a background image and a dark gradient overlay Category: Waterlogic ...

Layout: Branded Slider Image

Branded slider layout. Building layout using branded slider image and branded slider content fiel...

Layout: Submit CV Form

Layout: Submit CV Form Full width search banner layout, can be used within careers area of WL si...

Layout: Career Search Banner

Layout: Career Search Banner Full width search banner layout, can be used within careers area of...

Layout: Job application footer form

Single column layout with a background image Category: Sections.Content Blocks Documentation: ...

Layout: Content Card Landscape

Content Card Landscape Category: Waterlogic Layouts.Content Blocks Documentation: https://docs...

Layout: Cost Calculator Results

Cost Calculator Results Category: Waterlogic Layouts.Content Blocks Documentation: https://doc...

Fields

Fields are your types of content. See here for settings for each that is available to you.

Field: WL Icon

Select an icon and its colour. Category: Waterlogic Fields.Content Blocks Documentation: ht...

Field: Heading

HTML heading, with options to choose the colour, alternate style, and alignment. Category: ...

Field: WL Button

WL Button. Ability to select a button with content blocks, for use with resource ID, External UR...

Field: WL Hyperlink

WL Hyperlink. Ability to create a hyperlink (outside of rich text) with content blocks, for use ...

Field: WL Table

WL Table HTML table with multiple options used for specifications, comparisons etc. Category:...

Field: Image

Image. Ability to add an image to content block layouts, with desktop, tablet and mobile crops. ...

Field: Rich Text

Rich Text. Ability rich text (content, images, links, lists etc.) within a layout. Category: ...

Field: Font Awesome Icon

Font Awesome icon. Ability to create a Font Awesome icon with alignment, colour and size option...

Field: WL Hyperlink Repeater

WL Hyperlink Repeater. Ability to create multiple hyperlinks in a list (outside of the rich text...

Field: WL List

WL List. Ability to create a simple list with size and bullet stlying within a layout. Catego...

Field: WL List Ordered

WL List. Ability to create a simple ordered list with size and bullet stlying within a layout. ...

Field: Phone Dropdown

WL Phone Dropdown. Phone dropdown area with new and existing customer numbers. Category: WL F...

Field: Video

Video Simple video field, with the option to put Vimeo or Youtube video onto the resource. Ca...

Field: Video Modal

Video Modal A video modal. Activated by "Id". This can be on a hyperlink or button Category: ...

Field: Fixed Icon Label

WL Fixed Icon Label. An icon and text area with the ability to choose from FA icons and WL Icons...

Field: WL Icon Text

WL Icon Text. Select icon, heading and text for this field. Various customisation options availa...

Field: Product Hero Details

Product Hero Details Product Hero information, specifications and call to actions. Information p...

Field: WL Icon Banner

WL Icon Banner. This field repeater is designed to ideally fit within a 100% container. Each re...

Field: Off Page Slider

Off Page Slider. Large slider appearing off screen with option for caption text on each image. ...

Field: Accessory Product Card

Accessory Product Card. Product card displaying information about the product from the product r...

Field: Logo Repeater

Logo Repeater. This field repeater allows you to show multiple logos side by side within a layou...

Field: Media Slider

Media Slider. Media slider allowing the viewing of image, video and 3D images. Category: Wate...

Field: Product Specification

Product Specification. Product specifications displaying information about the product from the ...

Field: Testimonial Card Text

Testimonial Card Text Simple testimonial card with quote, logo, author and company name Categ...

Field: Product Card

Product Card Product card pulls in information from the resource ID. Category: Waterlogic Pro...

Field: Product Collection

Product Collection Consists of multiple product / accessory product cards. Product card width ac...

Field: Testimonial Card Image

Testimonial Card Image Simple testimonial card with image positioned to the right of content or ...

Field: Technology Slider

Technology Slider Preconfigured technology slider, with all internal content controlled by lexic...

Field: Testimonial

Testimonial Testimonial as a repeater field. If more than one testimonial is created this field ...

Field: Section Search

Section Search A search input field, that returns results, relevant to that section (parent) ...

Field: Tab Content

Tab Content Repeater Tab content repeater to be used with "tabs" container only. Category: ...

Field: In Page Slider Content

In Page Slider Content In page slider content to be used within the "In Page Media Slider" Layou...

Field: In Page Slider Thumbnail

In Page Slider Thumbnail In page slider thumbnails to be used within the "In Page Media Slider" ...

Field: Contact banner

Pre designed contact banner with dynamic telephone numbers & lexicons This field inserts a p...

Field: Font Awesome Icon Label

Font Awesome icon. Font awesome icon aligned left with label. Category: Waterlogic Fields.Fo...

Field: Testimonial Video

Testimonial Video Simple testimonial video with quote, author and company name Category: Wate...

Field: Midpage Multi CTA Links

Repeater field which inserts links into Midpage Multi CTA Banner Category: Sections - Waterlo...

Field: Spacer

Inserts an empty element with settings to add space between other elements Category: Default ...

Field: Simple text field

A simple text field with a mini RTE editor Category: Waterlogic fields Layout options ...

Field: Testimonial Card Slider

Simple testimonial card with image positioned to the right of content or above content with quote...

Field: Tab Title

Tab Title Repeater Tab title repeater list to be used with "tabs" container only. Category: W...

Field: WL Dashed Icon List

WL Dashed Icon List. Simple repeater Category: Default.Content Blocks Documentation: https:/...

Field: Accessory Category Card

Accessory Category Card. Image and text with link to category resource ID. Category: Sections...

Field: WL Icon CTA

WL Icon CTA. Icon and link text call to action with icon option of top or left. Category: Wat...

Field: Article Side Whitespace CTA

Article Side Whitespace CTA. Article CTA areas, available to be set inline by default to content...

Field: Column repeater

Inserts a field that allows for any number of columns to be added to a section Category: Water...

Field: Sidebar hyperlinks

Creates a dynamic list of links based on the resource parent to be used of sidebars Category: ...

Field: Sidebar Contents

Repeater block designed to exist within the sticky sidebar. Create multiple scrollable links to s...

Field: Sidebar Filters

A nested layout field for adding product filter options to a sidebar Category: SidebarNotice:...

Field: Sidebar Filter Options

Repeater block which enables you to add product filter options to the web page. Category: Side...

Field: Trusted Logos

Trusted Logos Category: Waterlogic Fields.Content Blocks Documentation: https://docs.modmore.c...

Field: Add to quote

Inserts an Add to Quote button with quantity buttons Category: Waterlogic fields Usage ...

Field: Scroll to

A repeater field that creates an unordered list of links to scroll to sections within a section ...

Field: WL Banner Icon Text Repeater

A repeater field that creates an unordered list of links to scroll to sections within a section ...

Field: Product Collection filter

Product Collection filter Consists of multiple product / accessory product cards, headed by a to...

Field: FAQ Accordion

Inserts FAQs pulled through from FAQ Manager page. Category: Waterlogic Fields Usage Us...

Field: Toggle Button

A button that allows users to toggle open sidebars on mobile and tablet Category: Waterlogic ...

Field: Sidebar block

Sidebar block is the base layout that Sidebar CTA and Sidebar Help are built on. Category: Si...

Field: Article Intro

Article intro header Category: Waterlogic fields - Articles When creating a blog article, u...

Field: Colour text block

Colour text block for highlighting important text Category: Waterlogic fields Make text sta...

Field: Featured article card

Used to feature an article Category: Waterlogic fields - Articles Add featured articles to ...

Field: Article Side Panel

A side panel with resource IDs to feature Category: Waterlogic fields - Articles The side p...

Field: Social follow links

Add Follow us links to webpages Category: Waterlogic fields Adds Follow us Social icons and...

Field: Global Offices

Global Offices Tabbed Content showing all offices globally separated by region. Category: Wat...

Field: Regional Offices

Regional Offices Field to show all regional offices set through the Office Custom Manager Page (...

Field: Section articles

Displays all articles within this section and sorts them by Tags Category: Waterlogic fields -...

Field: Feature field

This field allows you to create feature rows with images, lines/ arrows and numbers Category: ...

Field: Featured article slider

Display featured articles in a slider Category: Waterlogic fields - Articles Displays artic...

Field: Video Text

Video Text Vimeo or Youtube video with content to left or right on desktop. Category: Waterlo...

Field: CTA Banner

A call to action banner for driving user action Category: Waterlogic - Call to action banners...

Field: Product feature text

This field allows you to display a product in the centre of the page with product features appear...

Field: Product category card

This field allows you to reference product category resources on a web page. The field pulls in d...

Field: Content card

This field is designed to feature brands/ Waterlogic by adding logos, content, images and calls t...

Field: Image Tab Logos

Image Tab logos Image tab logo repeater, designed to work only within the Image Tabs Layout C...

Field: Image Tab Content

Image Tab Content Image tab content repeater, designed to work only within the Image Tabs Layout...

Field: Split phone

This field displays new and existing customer phone numbers with lexicon labels Category: Wat...

Field: Branded Slider Image

Branded slider image to be used within the "Branded Slider Layout" Category: Waterlogic Fields...

Field: Branded Slider Content

Branded slider content to be used within the "Branded Slider Layout" Category: Waterlogic Fiel...

Field: Landing page navigation

Navigation block for landing pages Category: Sections This field is to be used with the Lan...

Field: Career Apply Form

Custom field used only on the job listing resources. Category: Waterlogic Careers.Content Bloc...

Field: Form selector

Formalicious form selector Category: Fields This field allows you to select a form created...

Field: Job CV Form

This field contains a form which allows users to submit their CV and other personal details to Wa...

Field: Job Listing Top

Content block field automatically setup to be used within the Job listing resource only Catego...

Field: Locations List

Ability to show all context locations automatically set from the locations custom manager Page ...

Field: Refer a friend form

This field contains a form which allows users to refer a friend to Waterlogic Figure 1 Fig...

Field: Global offices

This field creates a tabbed container with all global office locations. The data is pulled throug...

Field: Regional (Direct) offices

This field lists all offices for a given location. Locations are pulled through from the WL Offic...

Field: Leaders direct

This field lists all leaders from a given leadership group. Leaders and groups are managed from t...

Field: Leaders

This field lists all leaders added to the WL Leaders CMP in a tabbed format. Leaders and groups a...

Field: Section Search bar

This field adds a search bar into the content Category: Waterlogic Fields. Figure 1 Fi...

Field: Site Wide Search Results

This field adds a search bar and shows all search results for a specific term Category: Waterl...

Field: Cost Calculator Form

Cost Calculator Form. Cost calculator form for users to fill out and find out current and potent...

Field: Tooltip

Tooltip. Tooltip hover icon and optional text, with supporting tooltip content. Category: Wat...

Field: Corner Card

Corner Card. Corner card field acting as a layout for content to contain other field items such ...

Field: Search Results Section

This field adds a search bar and shows all search results for a specific term Category: Waterl...

Field: Product Finder

A content block field to add in the product finder. To use this field the resource Modx template ...

Field: Resource Selector Banner

Resource Selector Banner. Simple banner to show resources in a dropdown and when clicked goes to...

Section Templates

Pre-designed, and configured sections for you to add into pages with a single click.

Template: Multi Hero Slider

A preconfigured template using the layout Multi Hero Slider and multiple individual heros. Cat...

Template: In Page Media Slider

A preconfigured template using the layout In Page Media Slider preconfigured template using the...

Template: Midpage multi CTA Banner

Displays a call to action banner prepopulated with content and icon fields Category: Sections ...

Template: Circle image card right

50/50 Template for Circle Image Card with default content fields added Category: Sections - Wa...

Template: Contact banner

3 Column contact banner design using contact banner nested layout Category: Sections - Waterl...

Template: Call out banner

Prebuilt call out banner component Category: Sections - Waterlogic Call to action bannersCont...

Template: Pre-footer CTA Template

Call to action banner above footer with links and content area Category: Sections - Waterlogic...

Template: Tabbed Content

A preconfigured template using the Tabs and fields Tab Title and Tab Content Category: Templat...

Template: Icon List Banner

A preconfigured template using the Banner Image Deep and WL Dashed Icon List Category: Templat...

Template: Centre Product Feature

A preconfigured template using the Centre Product Feature Layout Category: Templates - Section...

Template: Product Hero

Product Hero - Consisting of Brand Product Layout Category: Templates - Sections - Waterlogic ...

Template: Hyperlink Blocks

A layout with 3 columns which produces 3 shadow boxes on the front end with fields predefined ...

Template: Sidebar Help

A sidebar block predesigned to direct users to additional help resources Category: Sections - ...

Template: Sidebar CTA

A sidebar block predesigned as a standout call to action Category: Sections - SidebarContent ...

Template: Sidebar section

A predesigned layout with a sidebar on the righthand side of the page Category: Sections - Sid...

Template: Product CTA

A preconfigured layout using Banner SVG Product Overlap Category: Default.Content Blocks Docu...

Template: Stacked Icon Banner

Prebuilt call out banner component using Banner Image Deep Layout Category: Sections.Content...

Template: Hero 1 - Banner SVG Cutout Overlap

Hero 1 - Consisting of Banner SVG Cutout Overlap Category: Templates - Sections - Waterlogic H...

Template: Hero 2 - Banner Lifestyle Badge

Hero 2 - Consisting of Banner Lifestyle Badge Category: Templates - Sections - Waterlogic Hero...

Template: Hero 3 - Banner Image Overlap

Hero 3 - Consisting of Banner Image Overlap Layout Category: Templates - Sections - Waterlogic...

Template: Hero 4 - Banner Curved Image

Hero 4 - Consisting of Banner Curved Image Layout Category: Templates - Sections - Waterlogic ...

Template: Hero 5 - Variable Columns

Hero 5 - Consisting of Hero 5 Layout Category: Templates - Sections - Waterlogic Heros.Content...

Template: Form Modal

A preconfigured template using Full Page Modal Layout. Category: Sections.Content Blocks Docum...

Template: WL Icon Banner

WL Icon Banner. Template containing WL Icon Text within a 25/25/25/25/ layout. Category: Sect...

Template: Banner Image

Full width layout with curved image and content. Category: Sections - Waterlogic Layout.Conten...

Template: Alternating Content

Alternating Content. A section template containing side by side rich text and image fields, with...

Template: Repeated image banner

A template containing content and a repeated logo section Category: SectionsContent Blocks Do...

Template: FAQ Banner

A template containing content and lexicon FAQs Category: SectionsContent Blocks Documentation:...

Template: Page Scroll Banner

Page Scroll Banner. A section template containing a Page Scroll Banner layout with 4 columns, an...

Template: Global Offices

Global Offices Tabbed Content template showing all offices globally separated by region, set up ...

Template: Regioinal Offices

Regional Offices Regional office template showing all offices within the context region (e.g. fo...

Template: Featured resources side panel

Section template that contains a side panel layout with featured articles and a side panel field....

Template: Feature panel template

Section template that a call out heading and feature fields A section template with a call out h...

Template: Related articles slider

Section template that builds a related articles slider with headings and buttons This Section Te...

Template: Video Text

Section template consisting of Video Text field, with content area using heading, rich text and b...

Template: Content cards

Section template consisting of 3 content cards Category: Waterlogic layouts - Fields This...

Template: Image Tabs

Section template consisting of image tab logos and image tab content Category: Waterlogic layo...

Template: Form with USPs

Section template consisting of image tab logos and image tab content Category: Waterlogic - Fo...

Template: Hero Form Cut-out Right

Section Hero template containing a form, image and trusted by logos Category: Waterlogic - Fo...

Template: Hero Form Product Right

Section Hero template containing a form, image and trusted by logos Category: Waterlogic - Fo...

Template: Hero Form Lifestyle

Four column layout for use as a hero with a form and trusted logos and feature badge Category:...

Template: Branded Slider

Two column layout for Branded Slider Category: Waterlogic Sections.Content Blocks Documentatio...

Template: Testimonial Card Slider

Preconfigured 100% layout with testimonial card slider field. Category: Waterlogic Fields.Cont...

Template: Job application footer form

Section Hero template containing a form and background image Category: Waterlogic - Forms ...

Template: Sidebar CTA - Lexicon

A sidebar block predesigned as a standout call to action Category: Sections - SidebarContent ...

Template: Sidebar Helper - FAQ

A sidebar block predesigned to direct users to additional help resources Category: Sections - ...

Page Templates

Complete pages that you can assign to a page with a single click.

Page template: Product Page

Product page. A full page template, consisting of multiple content block section templates, layo...

Page template: Category Page

Category page. A full page template, consisting of multiple content block section templates, lay...

Page template: Accessories Product Page

Accessories Product page. A full page template, consisting of multiple content block section tem...

Page template: Industry Page

Industry page. A full page template, consisting of multiple content block section templates, lay...

Page template: Customer Support Parent Page

Customer Support Parent page. A full page template, consisting of multiple content block section...

Page template: Customer Support Category Page

Customer Support Category page. A full page template, consisting of multiple content block secti...

Page template: Customer Support Article Page

Customer Support Article page. A full page template, consisting of multiple content block sectio...

Page template: 404 Page

404 page. A full page template, consisting of multiple content block section templates, layouts ...

Page template: Accessories Parent Page

Accessories Parent page. A full page template, consisting of multiple content block section temp...

Page template: Accessories Category Page

Accessories Category page. A full page template, consisting of multiple content block section te...

Page template: Accessories Sub-Category Page

Accessories Sub-Category Page. A full page template, consisting of multiple content block sectio...

Page template: Page resource parent

A full-page template, consisting of multiple content block section templates, layouts and fields,...

Page template: Page resource section

A full-page template, consisting of multiple content block section templates, layouts and fields,...

Page template: Page resource article

A full-page template, consisting of multiple content block section templates, layouts and fields,...

Page template: Offices Global

A full-page template, consisting of office locations controlled by custom manager page. Catego...