This extension facilitates the cms editing process in your store.

Overview

Magenerds_PageDesigner

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

  • 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

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

Here is an example how a layout can look like:

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

  • Magento 2.3 compatibility version 4.0.0
  • Magento 2.2 and lower version 3.x
Comments
  • Update Magento 2.2.0

    Update Magento 2.2.0

    Hello,

    Recently magento has released magento 2.2.0, I applied the update to my website that uses PageDesigner, however the module does not seem to be compatible with this version. When I want to edit a page I have http error 500.

    Do you have a solution or have you ever encountered this problem?

    Thank you.

    opened by lmathieu32 15
  • Resizing layout elements

    Resizing layout elements

    • Magento 2.1.5 running in production mode, compiled, bundled, minified JS/CSS
    • PageDesigner 1.0.2

    You can't resize the layout elements bigger than the default size, there's only one smaller size available.

    Regards Jan

    opened by gewaechshaus 15
  • Plus icon false trigger

    Plus icon false trigger

    Hey there,

    with enabled JS minification, (bundling) and merging the module doesn't work as excepted (in production mode).

    I only did a few tests:

    • Compared my system to the demo (https://demo-pagedesigner.magenerds.com/admin/cms/page/). It seems like the demo is running in developer mode as by configuration JS minification and merging are enabled
    • Switched to developer mode, everything is working like in the dev
    • No significant errors on the console, will have a look at the logs now

    Biggest issue: can't add a new block by clicking the + icon... It looks like this line is always getting triggered https://github.com/Magenerds/PageDesigner/blob/master/view/adminhtml/web/js/page_designer.js#L182

    Issue

    • The editor will never So maybe someone can verify this before we dig deeper into the code.

    Regards Jan

    opened by gewaechshaus 11
  • Custom module with textarea

    Custom module with textarea

    Hi, Is it complicated to use your module in a custom module with a textarea? I tried somes changes in di.xml but it does not work. Than you for your reply. Mathieu

    opened by MathieuJJ 8
  • 2.2.5 CMS Block Problem

    2.2.5 CMS Block Problem

    After upgrading to 2.2.5 cms blocks are not ssaved correctly anymore cms_block.content is empty in the DB. Plugin/Cms/Model/Block/BlockPlugin.php > beforeSave() is not called.

    opened by jwohlfeil 7
  • Fixes PHP 8.1 deprecated function calls with passing 'null' to 'trim'…

    Fixes PHP 8.1 deprecated function calls with passing 'null' to 'trim'…

    … which is no longer allowed.

    Noticed this while preparing a project to be setup with Magento 2.4.5 and PHP 8.1 with PageDesigner installed and PageBuilder not installed.

    Following errors popped up during bin/magento setup:install --cleanup-database ... on a clean database:

    Deprecated Functionality: trim(): Passing null to parameter #1 ($string) of type string is deprecated in vendor/magenerds/pagedesigner/Plugin/Cms/Model/Page/PagePlugin.php on line 63
    
    Deprecated Functionality: trim(): Passing null to parameter #1 ($string) of type string is deprecated in vendor/magenerds/pagedesigner/Plugin/Cms/Model/Block/BlockPlugin.php on line 63
    

    See Passing null to non-nullable parameters of built-in functions section in https://www.php.net/manual/en/migration81.deprecated.php

    This PR fixes this by first double checking if the $json is actually a string and not something else, like null.

    opened by hostep 5
  • Catalog Product List widget compatibility

    Catalog Product List widget compatibility

    Hello,

    Whenever I try to add the "Catalog Products List" widget in a row or column I get the this error in my system.log after saving it and trying to re-open it, and of course the widget won't re-open anymore:

    main.ERROR: Notice: Array to string conversion in /Volumes/Projects/magento2/m23-demo/vendor/magenerds/wysiwyg-widget/Wysiwyg/Encoder.php on line 83 [] []

    It does not happen with the "Catalog New Products List" widget, which makes me think it has some problem decoding the "Conditions" field.

    Screen Shot 2019-04-04 at 15 53 09

    Magento version: 2.3.0 Pagebuilder version: 4.0.0

    Thanks, Adam

    opened by sarkadiadam 4
  • Problem with minified wysiwyg css files

    Problem with minified wysiwyg css files

    Magento: 2.1.9

    When installing this module, I get problems with the css files of the wysiwyg components. All the wysiwyg css files are minified on the server, although in Magento/Store/etc/config.xml following lines are defined in Magento/Store/etc/config.xml <minify_exclude> /tiny_mce/ </minify_exclude>

    Now in your module there's also something with minify_exclude: <minify_exclude> /Magenerds_PageDesigner/css/pd-ui.css </minify_exclude>

    Could it be that this rule overwrites the one in Magento/Store?
    I also see that you extend/overwrite some implementation and definitions of the wysiwyg component in PageDesigner/view/adminhtml/web/js/page_designer.js

    This problem only occurs on production mode with minifying enabled

    Could you try to combine both 'minify_exclude' definitions in your module?

    Thanks in advance! screen shot 2017-10-17 at 15 06 27

    opened by duckchip 4
  • Performance problem with large content

    Performance problem with large content

    Hi, When you add large html content, the browser freeze a few seconds (until 30 seconds on firefox). The problem is in the tinymce init function. To solve this issue, I removed content on the textarea tag before to call the tinymce init method. In page_designer.js, I added the line "jQuery('.textarea').val('');" on line 69 juste before init calling. Mathieu

    opened by MathieuJJ 4
  • Problem with content in frontend

    Problem with content in frontend

    Hi, Fiestly, thank you for your module!

    In admin, the module perfectly works but the generated content is boken. For a page with only one row and one column with a Wysiwyg Block, the content in ffontend is :

    Pj4 QkFTRTY0Pj4 VUVoQksxQkhiSFJhZVVKNlkyMU5PVWx1ZERkaVYxWnJZVmRGWjJSWVNuTlFVMG96WlZoT2NHUXpiRzVNTW5BeFlrZEtka3d5WkhsYVYxWjFZa2RHZFZwRE9XNWpiVlpzWW0xNGFHSnRVWFJOYVRWeFkwZGphV1pZTUdsSlIwWnpaRVF3YVdGdVZuTlpiVGhwU1Voa2NGcElVbTlRVTBrMVRtcEJhVWxIYUd4aFYyUnZaRVF3YVU1cVZUTkphVUYyVUdwM2RtTkVORDA9

    Any idea ?

    Thank you advance, Mathieu

    opened by MathieuJJ 4
  • Awesome List Section proprietary

    Awesome List Section proprietary

    Hi there,

    as you noticed on twitter, I added this module to the Magento 2 Awesome List. Due to that, I just saw that the license you entered in your Composer.json says proprietary.

    Would you like to stay with that, or do plan to make it open source? Either way, I'll put the module to the proprietary section of the awesome list for now.

    Greetings,

    David

    opened by DavidLambauer 4
  • Can't install module on Magento 2.4.3

    Can't install module on Magento 2.4.3

    Hello, I have an problem with installing module on Magento 2.4.3 Mageneds_PageDesigner_Magento2 4 3 Can you say when will be adding compatible this module with Magento 2.4.3? Thanks, Vitaliy

    opened by viryb 2
  • Changing order of rows is not saved

    Changing order of rows is not saved

    Hi :), maybe you can take a look at this one because I'm out of ideas why it might happen.

    After some time the rows get "stuck" in their current position on a page or get the wrong order. After you manually re-order them and hit "Save", no re-ordering happens.

    Try this:

    1. Create a new page
    2. Add 3 PageBuilder rows with some content.
    3. Hit save
    4. Re-open that page, try to reorder the rows -> hit Save.

    Magento version: 2.3.1 -> 2.3.5 (tried with multiple versions) PageDesigner version: 4.1.3, 4.2.0 (tried with multiple versions)

    opened by sarkadiadam 0
  • Applied classes are not shown on rows and columns

    Applied classes are not shown on rows and columns

    When you add a class to a row for example, and save the page, then when you re-opening the page and go add a class again (toolbox icon) it doesn't show which class is already active/applied.

    opened by lonnekebakker 0
  • Can't re-order rows and columns on differend responsive views

    Can't re-order rows and columns on differend responsive views

    You can change column widths, but why can't you change the position of the rows and columns, so i can put something on mobile on top of the page and on desktop on the bottom for example? or switch the column 1 with column 2 position in a row.

    opened by lonnekebakker 0
  • Where is the content of CMS pages / static blocks, created before installing the extension?

    Where is the content of CMS pages / static blocks, created before installing the extension?

    I installed the extension and tried to edit a page, but I noticed that my old HTML is not there anymore? Is this extension only made for completly fresh Magento shops?

    opened by Eddcapone 2
Releases(4.3.2)
Owner
Magenerds
Magenerds develops high quality extensions for Magento 2. Most of these extensions are for free for the community.
Magenerds
Alerts users in the SilverStripe CMS when multiple people are editing the same page.

Multi-User Editing Alert Alerts users in the SilverStripe CMS when multiple people are editing the same page. Maintainer Contact Julian Seidenberg <ju

Silverstripe CMS 15 Dec 17, 2021
A Magento 1.x module which facilitates automatic purging of static assets from HTTP caches such as browser cache, CDN, Varnish, etc using best practices outlined within the HTML5 boilerplate community.

Magento Cachebuster Cachebuster is a Magento module which facilitates automatic purging of static assets from HTTP caches such as browser cache, CDN,

Gordon Knoppe 129 Apr 1, 2022
Magento 2 Extension to cleanup admin menu and Store > Configuration area by arranging third party extension items.

Clean Admin Menu - Magento 2 Extension It will merge all 3rd party extension's menu items in backend's primary menu to a common menu item named "Exten

RedChamps 109 Jan 3, 2023
Get mobile app version and other related data from Google Play Store, Apple App Store and Huawei AppGallery

Mobile App Version Get mobile app version and other related data from Google Play Store, Apple App Store and Huawei AppGallery. Installation Add to co

Omer Salaj 11 Mar 15, 2022
Dnsmasq GUI is a simple Web GUI for editing the /etc/hosts file on a computer

dnsmasq GUI is a simple Web GUI for editing the /etc/hosts file on a computer, with the intention of using it for easily setting up results for dnsmasq use.

Alex Cheer 4 Nov 27, 2022
Magento 2 Blog Extension is a better blog extension for Magento 2 platform. These include all useful features of Wordpress CMS

Magento 2 Blog extension FREE Magento 2 Better Blog by Mageplaza is integrated right into the Magento backend so you can manage your blog and your e-c

Mageplaza 113 Dec 14, 2022
Magento 2 Blog Extension - FREE, fully featured, powerful Blog solution for your online store!

Blog MX | Magento 2 Blog Module by Mirasvit FREE, fully featured, powerful Blog solution for your online store! Magento 2 Blog MX allows you to open a

Mirasvit 71 Dec 7, 2022
Magento 2 Blog is an extension that allows you to manage your store and blog

Magento 2 Blog Extension by Magefan Magento 2 Blog is an extension that allows you to manage your store and blog from one place without having to rely

Magefan 243 Dec 21, 2022
Rah memcached - Store parts of Textpattern CMS templates in Memcached

rah_memcached Packagist | Issues | Donate A plugin for Textpattern CMS that stores parts of your templates in Memcached, a distributed in-memory key-v

Jukka Svahn 2 Aug 12, 2022
Addon for Cockpit CMS - store thumbnails and meta data for video links

VideoLinkField Addon for Cockpit CMS Copy a url from YouTube or Vimeo, click the Button "Find Values", wait a second and in the background starts a se

Raffael 3 Oct 2, 2022
LaraNx Seo enables your Laravel app to store SEO and social media meta tag data in database instead of your code

LaraNx Seo enables your Laravel app to store SEO and social media meta tag data in database instead of your code. Moving marketing data out of your code base and into your database where it is easily modified.

srg 13 Dec 29, 2022
TYPO3 CMS extension which extends TYPO3 page cache, by tags based on entities used in fluid templates.

Fluid Page Cache for TYPO3 CMS This TYPO3 CMS extension allows you to clear frontend page caches, automatically when a displayed record has been updat

Armin Vieweg 1 Apr 8, 2022
Greyhole uses Samba to create a storage pool of all your available hard drives, and allows you to create redundant copies of the files you store.

Greyhole Greyhole is an application that uses Samba to create a storage pool of all your available hard drives (whatever their size, however they're c

Guillaume Boudreau 245 Dec 18, 2022
Makes indexing of your Magento store around x times faster! ‼️ Maintainers wanted!

FastIndexer This module has never been used in production. No more empty results in the frontend due to a long taking reindex process! Integrates seam

Cyrill Schumacher 79 Jul 10, 2022
PPM is a process manager, supercharger and load balancer for modern PHP applications.

PPM - PHP Process Manager PHP-PM is a process manager, supercharger and load balancer for PHP applications. It's based on ReactPHP and works best with

PPM - PHP Process Manager 6.5k Jan 3, 2023
A visual process builder

DataStory ⚡ visual programming DataStory provides a workbench for designing data flow diagrams. ⚠️ We have moved to an organisation ?? Live Demo data-

Anders Jürisoo 120 Dec 12, 2022