Look
The Look module allows you to apply groups of design elements (Modifiers) to your website's pages based on various rules. You can define these groups, called Looks, and then automatically apply them to specific URLs, paths, or individual content items. The module also includes features for creating and managing these Looks, as well as a block for users to switch between them.
Overview
The Look module provides a means to apply a collection of Modifiers to a page using various rules. A number of different Modifiers, which are mapped to different parts of the page, can be wrapped up to form a coherent Look. The Look can then be applied to the page according to url parameters, the path or assignment to individual nodes.
The module is comprised of a number of components which work together:
- A Look entity which is fieldable and stores Modifier content.
- A UI which allows for the cascading of Looks to allow for inheritance of Modifiers.
- A Service which resoles a single active Look which is applicable to the current page
- A mapping configuration which assigns the Look fields to components on the page.
- A Conditional Plugin which allows for the assignment of Blocks according to Look.
- A Look Switcher Block which allows quick selection of Looks.
The Modifiers module is a dependency. We suggest you also install this module together with Modifiers pack module to get up and running quickly.
Performance
Look entities use the caching capabilities of Drupal 8. Each time you save a Look is changed, cache tags are set which invalidate the cached Look and any of its children. This ensures that only up to date Looks are used, even if the parent looks have been recently changed.
It's so Convivial
At convivial.io you can see Look and Modifiers working together.
Installation
- The module can be installed via the standard Drupal installation process.
- It will create a new Look entity.
Usage
- Add Paragraph fields to the look. eg. field_header_modifiers, field_footer_modifiers
- Select the Paragraph bundles to be made available on these fields. eg. color_modifier
- Define mappings for the Look fields across to page components by defining selectors.
- Create a Look instance, eg. "Default" and add a modifier (colors) to the fields.
- Define a default Look for the site. eg. Default.
- View pages on the site and confirm that your Look has been applied.
Maintainers
This module is maintained by developers at Morpht. For more information on the company and our offerings, see morpht.com.