Title: Drag and Drop Front-End Design Builder Author: diegpl Published: April 22, 2014 Last modified: April 30, 2014 --- Search plugins This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/drag-and-drop-front-end-design-builder. svg) # Drag and Drop Front-End Design Builder By [diegpl](https://profiles.wordpress.org/diegpl/) [Download](https://downloads.wordpress.org/plugin/drag-and-drop-front-end-design-builder.zip) * [Details](https://en-ca.wordpress.org/plugins/drag-and-drop-front-end-design-builder/#description) * [Reviews](https://en-ca.wordpress.org/plugins/drag-and-drop-front-end-design-builder/#reviews) * [Installation](https://en-ca.wordpress.org/plugins/drag-and-drop-front-end-design-builder/#installation) * [Development](https://en-ca.wordpress.org/plugins/drag-and-drop-front-end-design-builder/#developers) [Support](https://wordpress.org/support/plugin/drag-and-drop-front-end-design-builder/) ## Description Design Builder that allow live edition in the front end through the Limitless drag and drop system (http://themeforest.net/item/limitless-multipurpose-drag-n-drop- theme/5528738) With this plugin always when you click in an element, their attributes are opened, avoiding waste of time to find it in a big list. Our sites: http://wpsoftwares.com http://wpsoft.com.br ### Arbitrary section ### Markdown 1. Don`t waste your time 2. Let your clients more independent ## Screenshots [⌊Attributes opened after a click⌉⌊Attributes opened after a click⌉[ Attributes opened after a click [⌊Console running some logs⌉⌊Console running some logs⌉[ Console running some logs ## Installation 1. Upload it to plugins folder (/wp-content/plugins/) 2. Activate the plugin 3. For both versions 1.7.7 or 2.0 in a local host you need to set $firstMatrix = array_keys( $section[0][‘matrix’])[0] instead array_shift(array_keys($arg[‘matrix’])). I don` t know why, if someone knows that, please tell me. 4. For the version 1.7.7: Change the both foreach at line 194 in limitless/backend/ classes/class_enigma.php for this code: 5. ``` foreach ($args as $key => $section) { //first matrix referrer on visual_settings.php $firstMatrix = array_shift(array_keys($section[0]['matrix'])); $firstMatrixFiltered = trim(trim(str_replace(array(' p.', ' p ','.', ' ul ',' li ',' a ',' ,', ' ',' ',','), ' ', str_replace(array('#',' > span','div.',' > a','h2','h1','h4','a.','h3','table','caption','ul li a','ul li','input[type=text]','>li>a'), '',$firstMatrix)), '.'), ' '); //$key access the class name $code .='

'.$key.' '.__('Reset','ioa').'

'; foreach ($section as $key => $arg) { $firstMatrix = array_shift(array_keys($arg['matrix'])); $firstMatrixFiltered = trim(trim(str_replace(array(' p.', ' p ','.', ' ul ',' li ',' a ',' ,', ' ',' ',','), ' ', str_replace(array('#',' > span','div.',' > a','h2','h1','h4','a.','h3','table','caption','ul li a','ul li','input[type=text]','>li>a'), '',$firstMatrix)), '.'), ' '); // $arg['class'] to access the class if I have it no visual_settings // access the first value of matrix array -- array_shift(array_keys($arg['matrix'])) $code .='
'.$arg['label'].' '.__('Reset','ioa').'
'; ``` 6. For the version 2.0: Change the both foreach at the line 201 at limitless/backend/ deprecated/class_enigma.php 7. ``` foreach ($args as $key => $section) { //first matrix referrer on visual_settings.php //'.var_dump($section[0]['matrix']).' $firstMatrix = array_keys($section[0]['matrix'])[0]; //$firstMatrix = array_shift(array_keys($section[0]['matrix'])); //echo var_dump($section[0]['matrix']); //echo $firstMatrix; $firstMatrixFiltered = trim(trim(str_replace(array(' p.', ' p ','.', ' ul ',' li ',' a ',' ,', ' ',' ',','), ' ', str_replace(array('#',' > span','div.',' > a','h2','h1','h4','a.','h3','table','caption','ul li a','ul li','input[type=text]','>li>a'), '',$firstMatrix)), '.'), ' '); $code .='

'.$key.''.__('Reset','ioa').'

'; foreach ($section as $key => $arg) { $firstMatrix = array_keys($arg['matrix'])[0]; $firstMatrixFiltered = trim(trim(str_replace(array(' p.', ' p ','.', ' ul ',' li ',' a ',' ,', ' ',' ',','), ' ', str_replace(array('#',' > span','div.',' > a','h2','h1','h4','a.','h3','table','caption','ul li a','ul li','input[type=text]','>li>a'), '',$firstMatrix)), '.'), ' '); // $arg['class'] to access the class if I have it no visual_settings // access the first value of matrix array -- array_shift(array_keys($arg['matrix'])) $code .='
'.$arg['label'].''.__('Reset','ioa').'
'; ``` 8. It is done. Use it!!! ## FAQ What is missing on this plugin? It helps to get the attribute category, but still doesn`t show the exact element you clicked over it. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Drag and Drop Front-End Design Builder” is open source software. The following people have contributed to this plugin. Contributors * [ diegpl ](https://profiles.wordpress.org/diegpl/) * [ pkelbert ](https://profiles.wordpress.org/pkelbert/) [Translate “Drag and Drop Front-End Design Builder” into your language.](https://translate.wordpress.org/projects/wp-plugins/drag-and-drop-front-end-design-builder) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/drag-and-drop-front-end-design-builder/), check out the [SVN repository](https://plugins.svn.wordpress.org/drag-and-drop-front-end-design-builder/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/drag-and-drop-front-end-design-builder/) by [RSS](https://plugins.trac.wordpress.org/log/drag-and-drop-front-end-design-builder/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Plugin released. ## Meta * Version **1.0** * Last updated: **12 years ago** * Active installations: **10+** * WordPress Version: ** 3.0.1 or higher ** * Tested up to: **3.7.41** * Language * [English (US)](https://wordpress.org/plugins/drag-and-drop-front-end-design-builder/) * Tags: * [design builder](https://en-ca.wordpress.org/plugins/tags/design-builder/)[drag-and-drop](https://en-ca.wordpress.org/plugins/tags/drag-and-drop/) [front end](https://en-ca.wordpress.org/plugins/tags/front-end/)[limitless](https://en-ca.wordpress.org/plugins/tags/limitless/) [live edition](https://en-ca.wordpress.org/plugins/tags/live-edition/) * [Advanced View](https://en-ca.wordpress.org/plugins/drag-and-drop-front-end-design-builder/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/drag-and-drop-front-end-design-builder/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/drag-and-drop-front-end-design-builder/reviews/) ## Contributors * [ diegpl ](https://profiles.wordpress.org/diegpl/) * [ pkelbert ](https://profiles.wordpress.org/pkelbert/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/drag-and-drop-front-end-design-builder/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://wpsoft.com.br/)