PHPackages                             folivoro/layotter-bridge - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. folivoro/layotter-bridge

ActiveLibrary[Utility & Helpers](/categories/utility)

folivoro/layotter-bridge
========================

Integrates the Layotter plugin to folivoro/sloth.

v2.0.0(2mo ago)021MITPHP

Since May 15Pushed 2mo agoCompare

[ Source](https://github.com/folivoro/layotter-bridge)[ Packagist](https://packagist.org/packages/folivoro/layotter-bridge)[ RSS](/packages/folivoro-layotter-bridge/feed)WikiDiscussions main Synced 1w ago

READMEChangelogDependencies (2)Versions (3)Used By (0)

[![Sloth Logo](https://raw.githubusercontent.com/folivoro/art/refs/heads/main/sloth-logo.svg)](https://folivoro.com)

[![Total Downloads](https://camo.githubusercontent.com/960722eb75c253191ed94911c262037bfad98228cbdde4f758a074be7df730f0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f666f6c69766f726f2f736c6f7468)](https://packagist.org/packages/folivoro/sloth)[![Latest Stable Version](https://camo.githubusercontent.com/8db3aba0f5583840b5b0dd9b6cfb7e0c8ca0c67b05188c7f23ca3b963dcbc202/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f666f6c69766f726f2f736c6f7468)](https://packagist.org/packages/folivoro/sloth)[![License](https://camo.githubusercontent.com/dbb1400579b1ca32ec54fb4e3f3a3d7121e8baaef0c86e21411c28da5926d008/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f666f6c69766f726f2f736c6f7468)](https://packagist.org/packages/folivoro/sloth)[![CI](https://github.com/folivoro/sloth/actions/workflows/ci.yml/badge.svg)](https://github.com/folivoro/sloth/actions/workflows/ci.yml)

Folivoro Layotter Bridge
========================

[](#folivoro-layotter-bridge)

Integrates the [Layotter](https://github.com/layotter/layotter) page builder plugin with [folivoro/sloth](https://github.com/folivoro/sloth).

Layotter is a WordPress page builder plugin originally developed by Dennis Hingst at [Quäntchen + Glück](https://www.qug.de/). It provides structured content editing through rows, columns, and elements — and is one of the core inspirations for Sloth itself.

> **Note**
> Layotter must be installed and activated as a WordPress plugin for this integration to work.

---

Installation
------------

[](#installation)

```
composer require folivoro/layotter-bridge
```

Usage
-----

[](#usage)

### Enabling Layotter for a post type

[](#enabling-layotter-for-a-post-type)

Set `$layotter` on your Sloth model:

```
class Project extends Model
{
    // Enable with default settings
    public static $layotter = true;

    // Enable with custom row layouts
    public static $layotter = [
        'allowed_row_layouts' => ['full', 'half', 'third'],
    ];

    // Disable (default)
    public static $layotter = false;
}
```

### Turning a module into a Layotter element

[](#turning-a-module-into-a-layotter-element)

Set `$layotter` on your module with an ACF field group key and display settings:

```
class HeroModule extends Module
{
    public static $layotter = [
        'field_group' => 'group_hero',
        'title'       => 'Hero',
        'description' => 'Full-width hero section',
        'icon'        => 'star',
    ];
}
```

The bridge registers the module as a Layotter element automatically. The ACF fields defined by `field_group` are passed to the module as view variables when rendered.

### Backend preview

[](#backend-preview)

By default, Layotter shows a table of field values as the backend preview. To use a custom Twig template instead, create a `_layotter` variant of your module template:

```
theme/views/module/hero.twig              # Frontend template
theme/views/module/hero_layotter.twig     # Backend preview template

```

### Custom views

[](#custom-views)

Override the default markup for elements, columns, rows, or the entire post layout by placing Twig templates in your theme:

```
theme/views/layotter/element/default.twig
theme/views/layotter/column/default.twig
theme/views/layotter/row/default.twig
theme/views/layotter/post/default.twig

```

Each view receives the rendered content and contextual options (`post_options`, `row_options`, `col_options`, etc.).

### Column classes

[](#column-classes)

Column classes default to a 12-column Bootstrap grid (`col-lg-1` through `col-lg-12`). Publish the config and override via `custom_classes`:

```
wp sloth vendor:publish --provider="Folivoro\LayotterBridge\LayotterBridgeServiceProvider" --tag=config
```

```
// config/layotter.php
return [
    'row_layouts' => ['full', '1/2', '1/3', '2/3'],
    'custom_classes' => [
        '1/2' => 'col-md-6',
        '1/3' => 'col-md-4',
        '2/3' => 'col-md-8',
    ],
];
```

---

Configuration reference
-----------------------

[](#configuration-reference)

KeyTypeDescription`row_layouts``array`Restrict available row layouts globally`custom_classes``array`Override default Bootstrap column CSS classes`prepare_fields``bool`Whether to prepare ACF fields before rendering elements

###  Health Score

35

—

LowBetter than 77% of packages

Maintenance86

Actively maintained with recent releases

Popularity6

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity35

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~2 days

Total

2

Last Release

67d ago

Major Versions

v1.0.0 → v2.0.02026-05-18

### Community

Maintainers

![](https://www.gravatar.com/avatar/b1ffd24dcf7f3f1cd5568a4b52fe0f6f3a8fc97f08e2b096a23606e4c79184d7?d=identicon)[sixmonkey](/maintainers/sixmonkey)

---

Top Contributors

[![sixmonkey](https://avatars.githubusercontent.com/u/15140258?v=4)](https://github.com/sixmonkey "sixmonkey (2 commits)")

### Embed Badge

![Health badge](/badges/folivoro-layotter-bridge/health.svg)

```
[![Health](https://phpackages.com/badges/folivoro-layotter-bridge/health.svg)](https://phpackages.com/packages/folivoro-layotter-bridge)
```

###  Alternatives

[scuttlebyte/laravel-request-context

Store and access contextual request data with ease

1574.5k](/packages/scuttlebyte-laravel-request-context)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)