# magenerds/pagedesigner

> This module lets you edit cms pages easily with drag and drop

`composer require magenerds/pagedesigner`

Canonical URL: https://packagento.com/magenerds/pagedesigner

## At a glance

- **Vendor**: magenerds (https://packagento.com/magenerds.md)
- **Latest version**: 4.3.2 — released 2022-11-23
- **Pricing**: Free
- **Package type**: Magento 2 module
- **Status**: active, accepting new buyers

## Installation

Packagento is licence-gated, so even free packages need a licence on a project before Composer can resolve them.

1. **Sign in or create an account** at https://packagento.com/customer/account/.

2. **Add the package to your account.** Open https://packagento.com/magenerds/pagedesigner and complete the free checkout. A licence is minted automatically.

3. **Create or pick a project, then activate the licence on it.**
   - Projects represent the Magento installs you deploy to. Manage them at https://packagento.com/projects/.
   - Activate the new licence on the project you'll deploy this package to. Activation is what generates the Composer credentials scoped to that project.

4. **Add the project credentials to your Magento codebase.**

   Grab the project's public + private key from https://packagento.com/projects/ (open the project, then its Credentials tab), and add them to `auth.json`:

   ```json
   {
     "http-basic": {
       "packagento.com": {
         "username": "ppk_live_...",
         "password": "psk_live_..."
       }
     }
   }
   ```

   Add the Packagento Composer repository to `composer.json`:

   ```json
   {
     "repositories": [
       { "type": "composer", "url": "https://packagento.com" }
     ]
   }
   ```

5. **Install and apply.**

   ```bash
   composer require magenerds/pagedesigner:*
   bin/magento setup:upgrade
   bin/magento setup:di:compile
   bin/magento cache:flush
   ```

## What it does

This module lets you edit cms pages easily with drag and drop

## README

This extension facilitates the cms editing process in your store.   
Instead of just a wysiwyg editor you now have a drag and drop editor to layout your blocks.
* Magento 2.3 compatibility version 4.0.0
* Magento 2.2 and lower version 3.x

### Extension installation
The easiest way to install the Magenerds module is via composer
```
## add to composer require
composer require magenerds/pagedesigner

## run magento setup to activate the module
bin/magento set:up
```

### Extension configuration
The extension can be configured if you go to ```Stores > Configuration``` and afterwards to ```Magenerds > Page Designer```.

![PageDesigner-Configuration](_images/pd_config.png?raw=true "PageDesigner Configuration")

* **CSS Classes (for columns)**:  
A comma separated list of pre defined css classes which the cms editor can choose from.  
The default class pd-highlight is just a dummy class and does nothing.  
It is important that a developer has to include the css classes into the theme before using them.
* **CSS Classes (for rows)**:  
A comma separated list of pre defined css classes which the cms editor can choose from.  
The default class pd-highlight is just a dummy class and does nothing.  
It is important that a developer has to include the css classes into the theme before using them.

### How to use
The page designer can be used for cms blocks and cms pages. Add a new block/page or edit an existing one.

![PageDesigner-Usage](_images/pd_usage.png?raw=true "PageDesigner Usage")

1. Select the responsive layout. You can define different layouts for smartphone, tablet, laptop and desktop
1. Add more rows
1. Click + in order to open up the editor. There you can choose from the widget list or just a wysiwyg editor
1. Drag and drop the row
1. Click + in order to add a column in the current row
1. Click to add pre defined css classes to the row
1. Delete the row
1. Drag and drop the column
1. Click to add pre defined css classes to the column
1. Delete the row

Here is an example how a layout can look like:

![PageDesigner-Example](_images/pd_usage2.png?raw=true "PageDesigner Example")

You can import cms blocks you already created into another cms block in order to build on already existing layouts.   
This helps you to not start from scratch. All cms blocks created with the page designer are visible in the dropdown Import Static Block.

##Video Tutorial
Watch a short video about the extension:

[![Magenerds Page Designer](https://img.youtube.com/vi/E0wZzVPFhM0/0.jpg)](https://www.youtube.com/watch?v=E0wZzVPFhM0 "Magenerds Page Designer")

* Magento 2.3 compatibility version 4.0.0
* Magento 2.2 and lower version 3.x

## Recent Versions

| Version | Released |
|---|---|
| 4.3.2 | 2022-11-23 |
| 4.3.1 | 2021-04-28 |
| 4.3.0 | 2021-04-28 |
| 4.2.0 | 2019-11-08 |
| 4.1.6 | 2019-06-24 |
| 4.1.5 | 2019-06-19 |
| 4.1.4 | 2019-06-19 |
| 4.1.3 | 2019-05-31 |
| 4.1.2 | 2019-05-23 |
| 4.1.1 | 2019-04-12 |

Showing 10 of 26 versions. Full release history on https://packagento.com/magenerds/pagedesigner.

## Dependencies

### Require

| Package | Constraint |
|---|---|
| magenerds/dashboard | * |
| magenerds/wysiwyg-widget | ^1.1 |
| magento/framework | ^102.0.0\|^103.0.0 |
| magento/module-backend | * |
| magento/module-cms | * |

### Conflict

| Package | Constraint |
|---|---|
| gene/bluefoot | * |
| magento/module-page-builder | * |

## Quality

Latest release (4.3.2) fails the Packagento QA pipeline. Verdicts below are per-cell (Magento line × PHP version) for the matrixed tools, and run-once for the static / security tiers.


### Compatibility

Each Magento line is installed on its supported PHP versions, then the module is built (DI compile + static-content deploy). Cells show passed / failed / untested; staircase gaps render as `–`.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | not tested | not tested | – | – |
| 2.4.8 | – | not tested | not tested | – |
| 2.4.9 | – | – | not tested | not tested |


### Code Quality

Advisory checks against the module's source. Never affect the Compatibility verdict — a phpcs finding can't make a module incompatible.

#### Static Analysis

Coding standards (phpcs), mess detection (phpmd), copy-pasted code (cpd), PHP cross-version compatibility, composer.json validity. Each runs once for the whole module.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| PHPCS | Fail | 133 | 12 errors, 121 warnings (ruleset: Magento2) — 80 auto-fixable with phpcbf |
| PHPMD | Warning | 15 | 15 rule violations (UnusedFormalParameter:9, IfStatementAssignment:6) |
| Cpd | Pass | 0 |  |
| Composer validate | Info | 3 | valid; 3 advisory notes (composer validate --strict) |

#### PHPStan

Type-checks the module against a real Magento install. Re-runs per Magento + PHP version because resolvable symbols differ between releases.

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | Error | Error | – | – |
| 2.4.8 | – | Error | Error | – |
| 2.4.9 | – | – | Error | Error |


### Tests

Unit and integration suites run per Magento + PHP cell. Test failures speak to the module's behaviour, not its compatibility with a line, so they're reported here separately.

#### Unit Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |

#### Integration Tests

| Magento | PHP 8.2 | PHP 8.3 | PHP 8.4 | PHP 8.5 |
|---|---|---|---|---|
| 2.4.7 | N/A | N/A | – | – |
| 2.4.8 | – | N/A | N/A | – |
| 2.4.9 | – | – | N/A | N/A |


### Security

Dependency-advisory audit (composer audit) plus a source malware scan. A malware detection fails the version outright.

| Tool | Status | Findings | Summary |
|---|---|---|---|
| Composer audit | Pass | 0 |  |
| Malware scan | Pass | 0 |  |

## Licence and pricing

Free. A licence is still minted on checkout and bound to your project for Composer access — no payment step.

Refundable within 14 days of first purchase via https://packagento.com/account/refunds/.

## Install via Claude Code or any MCP client

The Packagento MCP server can run the licence + project + Composer steps above in one tool call:

```
purchase_and_install_packages(
  composer_names=["magenerds/pagedesigner"],
  project_id="proj_xxx"
)
```

This handles cart, checkout, licence minting, project activation, and writes auth.json credentials. Connect a client with `claude mcp add packagento https://mcp.packagento.com`. Full setup at https://packagento.com/docs/mcp-setup.

## Vendor

magenerds is a Magento 2 vendor on Packagento. See https://packagento.com/magenerds.md for their full catalogue.