Modular

Unlike all other Page Templates which create standalone pages that can each be visited at a specific URL (ex:yoursite.com/myabout-us), a Modular Page is a collection of pages stacked on top of each other to create a unified, single page. This lets you create a complex page-structure by using the LEGO building-brick approach.

Since we Modular Pages are all displayed at once, their Page Title is never displayed: its only used for easier management in the Admin.

All of our sites use Modular Pages for their Home Page. Depending on your Theme, the date at which your site was built and the optional packages you've purchased, your Home Page may or may not support these Modular Templates.

Hero

The Modular/Hero Template is a simple, single-column, full-width layout that displays Markdown and a Button over an image or color background.

Background Image Behaviour

The Background Image will always override the Background Color, so be sure to delete the value in the Background Image field if you would like to use a color instead. The Background Color dropdown allows you to choose from the colors used in your theme. Also, if no Background Image or Background Color is defined, the Template will use the Header Image defined in Configuration > Site.

In order to make changes to your Hero, use the Markdown Editor and the Background Settings and Buttons sections at the bottom of the Content Tab.

Services

The Modular/Services Template is a two-column layout that displays a title, a short piece of copy, and a button in one column and a related image in the other. As new services are added, the Image and Text columns alternate automatically. Although we primarily use this Modular Template for listing Services offered (Property Management or Real Estate for example), there's nothing stopping you from using it to display other content in this format.

Services Section

In order to make changes to your Services, use the new Services section at the bottom of the Content tab.

  1. From the Pages tab, click on the Modular Services Page you would like to modify.
  2. Click on the Content tab if its not already selected.
  3. Scroll down to Services.

To modify or rearrange an existing Service:

  1. Reorder them by dragging the Service from the ☰ handle on the left.
  2. Click on in the top-right to expand the Service and edit the its info.
  3. Click on to delete the Service.
  4. Click the Save button in the top-right corner of the page to save your changes.

To add a new Service:

  1. Drag-and-Drop an image (or click) on the area beneath Page Media to upload an image.
  2. Scroll to the bottom of the list and click the +Add Item button.
  3. Add a Title for your Service.
  4. Use the dropdown to choose an image from your Page Media.
  5. In the Text section, enter a description of your Service in Markdown.
  6. Use Button Text and Button Link to link to the appropriate Page.

Testimonials

As the name suggests the Modular/Testimonials Template is designed to display Client Testimonials on a page. Keep in mind that this is different than the standard Testimonials, which lists Testimonials on a stand-alone page. You can enter a maximum of 3 Testimonials per Page, but some themes may only display one at a time.

  1. From the Pages tab, click on the Modular Testimonials Page you would like to modify.
  2. Click on the Content tab if its not already selected.
  3. Scroll down to Testimonials.

To modify or rearrange an existing testimonials:

  1. Reorder them by dragging the Testimonial form the ☰ handle on the left.
  2. Click on in the top-right to expand the testimonial and edit it.
  3. Click on to delete the question.
  4. Click the Save button in the top-right corner of the page to save your changes.

To add a new testimonial, up to a maximum 3:

  1. Scroll to the bottom of the list and click +Add Item
  2. Add the client's quote to the Quote field.
  3. Add the client's name to the Author field.
  4. Add a description of the client to the Author's Title field (ex: Rental Property Owner).
  5. Click the Save button in the top-right corner of the page to save your changes.

Boxes

The Modular/Boxes Template display three distinct boxes that "float" on the background of the preceding Module. Because of the particular styling of this template, it should only be used following a Page using a Modular/Hero Template. You may also need to increase the bottom padding of the preceding section by assigning a class of pb-5.

  1. From the Pages tab, click on the Modular Boxes Page you would like to modify.
  2. Click on the Content tab if its not already selected.
  3. Scroll down to Boxes.

To modify or rearrange an existing Box:

  1. Reorder them by dragging the Box form the ☰ handle on the left.
  2. Click on in the top-right to expand the Box and edit it.
  3. Click on to delete the Box.
  4. Click the Save button in the top-right corner of the page to save your changes.

To add a new Box, up to a maximum 3:

  1. Scroll to the bottom of the list and click +Add Item
  2. Add a value to Title field.
  3. Add a value to the Box Text field.
  4. Choose a Page to link to in the Page Link dropdown.
  5. Choose an icon to display above the Title from the dropdown.
  6. Click the Save button in the top-right corner of the page to save your changes.

Logos

The Modular/Logos Template is a simple template used to display a list of logos (or other small images).

  1. From the Pages tab, click on the Modular Logos Page you would like to modify.
  2. Click on the Content tab if its not already selected.

To add a new Logo:

  1. Drag-and-Drop an image (or click) on the area beneath Page Media to upload an image.
  2. Wait for a blue will appear telling you the upload is complete.
  3. Click the Save button in the top-right corner of the page to save your changes.

To rearrange or remove a Logo:

  1. Reorder them by click-and-holding the images like you would a folder on your desktop.
  2. Click on to delete the Logo.
  3. Click the Save button in the top-right corner of the page to save your changes.

Company

The Modular/Company Template is a two-column layout with two functions. On the left, you have a short description of your company and the services it offers. To the right you have a list of Areas Served as well as links to the pages dedicated to each of those areas. These Areas and links are then reused throughout the site in order to minimize the duplicate work and human error.

  1. From the Pages tab, click on the Modular Company Page you would like to modify.
  2. Click on the Content tab if its not already selected.
  3. Modify your company's description in the Markdown Editor.
  4. Scroll down to Areas We Serve.

To modify or rearrange an existing Box:

  1. Reorder them by dragging the Box form the ☰ handle on the left.
  2. Click on in the top-right to expand the Area and edit it.
  3. Click on to delete the Box.
  4. Select a page from the Area Page dropdown to link to your location page.
  5. Click the Save button in the top-right corner of the page to save your changes.

To add a new Area:

  1. Scroll to the bottom of the list and click +Add Item
  2. Add a value to Area Name field.
  3. Optionally, choose a Page to link to in the Area Page dropdown.
  4. Click the Save button in the top-right corner of the page to save your changes.