This plugin hasn’t been updated in over 2 years. 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.

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.

Contributors & Developers

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

Contributors

Changelog

1.0

  • Plugin released.