This plugin hasn’t been tested with the latest three 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.

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.

https://www.youtube.com/watch?v=xoabbUfg_dE

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
  • 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.

    For the version 1.7.7: Change the both foreach at line 194 in limitless/backend/classes/class_enigma.php for this code:

        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 .='<h4 class="engima-styler-title '.$firstMatrixFiltered.'">'.$key.'<i class="angle-downicon- ioa-front-icon"></i> <a href="" class="en-section-reset">'.__('Reset','ioa').'</a> </h4><div class="enigma-styler-section clearfix">';
    
        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 .='<h5 class="sub-styler-title '.$firstMatrixFiltered.'">'.$arg['label'].'<i class="angle-downicon- ioa-front-icon"></i> <a href="" class="en-comp-reset">'.__('Reset','ioa').'</a> </h5><div class="sub-styler-section clearfix">';
    

    For the version 2.0: Change the both foreach at the line 201 at limitless/backend/deprecated/class_enigma.php

    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 .='<div class="en-sub-sec" data-search="'.strtolower($key).'" ><h4 class="engima-styler-title '.$firstMatrixFiltered.'">'.$key.'<a href="" class="en-section-reset">'.__('Reset','ioa').'</a> </h4><div class="enigma-styler-section clearfix">';
    
    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 .='<div class="en-sub-sec" data-search="'.strtolower($arg['label']).'"><h5 class="sub-styler-title '.$firstMatrixFiltered.'">'.$arg['label'].'<a href="" class="en-comp-reset">'.__('Reset','ioa').'</a> </h5><div class="sub-styler-section clearfix">';
    
  4. 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 and Developers

“Drag and Drop Front-End Design Builder” is open source software. The following people have contributed to this plugin.

Contributors

Change Log

1.0

  • Plugin released.