Ok, I was able to resolve the issue by overriding the set_default_values function in the shortcode class.
I added the function from enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php

/**
		 * helper function executed by aviaShortcodeTemplate::popup_editor that extracts the attributes from the shortcode and then merges the values into the options array
		 *
		 * @param array $elements
		 * @return array $elements
		 */
		public function set_default_values($elements)
		{
			$shortcode = !empty($_POST['params']['shortcode']) ? $_POST['params']['shortcode'] : '';
			

			if($shortcode)
			{
				//will extract the shortcode into $_POST['extracted_shortcode']
				$this->builder->text_to_interface($shortcode);
				
				//the main shortcode (which is always the last array item) will be stored in $extracted_shortcode
				$extracted_shortcode = end($_POST['extracted_shortcode']);

				//if the $_POST['extracted_shortcode'] has more than one items we are dealing with nested shortcodes
				$multi_content = count($_POST['extracted_shortcode']);

				//proceed if the main shortcode has either arguments or content
				if(!empty($extracted_shortcode['attr']) || !empty($extracted_shortcode['content']))
				{
					if(empty($extracted_shortcode['attr'])) $extracted_shortcode['attr'] = array();
					if(isset($extracted_shortcode['content'])) $extracted_shortcode['attr']['content'] = $extracted_shortcode['content'];

					//iterate over each array item and check if we already got a value
					foreach($elements as &$element)
					{
						if(isset($element['id']) && isset($extracted_shortcode['attr'][$element['id']]))
						{
							//make sure that each element of the popup can access the other values of the shortcode. necessary for hidden elements
							$element['shortcode_data'] = $extracted_shortcode['attr'];
						
							//if the item has subelements the std value has to be an array
							if(isset($element['subelements']))
							{
								$element['std'] = array();

								for ($i = 0; $i < $multi_content - 1; $i++)
								{
									$element['std'][$i] = $_POST['extracted_shortcode'][$i]['attr'];
									$element['std'][$i]['content'] = $_POST['extracted_shortcode'][$i]['content'];
								}
							}
							else
							{
								$element['std'] = stripslashes($extracted_shortcode['attr'][$element['id']]);
							}

						}
						else
						{
							if($element['type'] == "checkbox") $element['std'] = '';
						}
					}
				}
			}

			return $elements;
		}

I modified it to be as follows:

    /**
     * helper function executed by aviaShortcodeTemplate::popup_editor that extracts the attributes from the shortcode and then merges the values into the options array
     *
     * @param array $elements
     * @return array $elements
     */
    public function set_default_values($elements)
    {
      $shortcode = !empty($_POST['params']['shortcode']) ? $_POST['params']['shortcode'] : '';
      

      if($shortcode)
      {
        //will extract the shortcode into $_POST['extracted_shortcode']
        $this->builder->text_to_interface($shortcode);
        
        //the main shortcode (which is always the last array item) will be stored in $extracted_shortcode
        $extracted_shortcode = end($_POST['extracted_shortcode']);

        //if the $_POST['extracted_shortcode'] has more than one items we are dealing with nested shortcodes
        $multi_content = count($_POST['extracted_shortcode']);

        //proceed if the main shortcode has either arguments or content
        if(!empty($extracted_shortcode['attr']) || !empty($extracted_shortcode['content']))
        {
          if(empty($extracted_shortcode['attr'])) $extracted_shortcode['attr'] = array();
          if(isset($extracted_shortcode['content'])) $extracted_shortcode['attr']['content'] = $extracted_shortcode['content'];

          //iterate over each array item and check if we already got a value
          foreach($elements as &$element)
          {
            if(isset($element['id']) && isset($extracted_shortcode['attr'][$element['id']]))
            {
              //make sure that each element of the popup can access the other values of the shortcode. necessary for hidden elements
              $element['shortcode_data'] = $extracted_shortcode['attr'];
            
              //if the item has subelements the std value has to be an array
              if(isset($element['subelements']))
              {
                $element['std'] = array();

                for ($i = 0; $i < $multi_content - 1; $i++)
                {
                  $element['std'][$i] = $_POST['extracted_shortcode'][$i]['attr'];
                  $element['std'][$i]['content'] = $_POST['extracted_shortcode'][$i]['content'];
                }
              }
              else
              {
                $element['std'] = html_entity_decode(stripslashes($extracted_shortcode['attr'][$element['id']]));
              }

            }
            else
            {
              if($element['type'] == "checkbox") $element['std'] = '';
            }
          }
        }
      }

      return $elements;
    }

The difference is that I changed this:
$element['std'] = stripslashes($extracted_shortcode['attr'][$element['id']]);
to this:
$element['std'] = html_entity_decode(stripslashes($extracted_shortcode['attr'][$element['id']]));

and included it in my shortcode element, which is finished below:

<?php
/**
 * 2 Column Module
 * 
 * Builds 2 column modules with image on one side and content on the other.
 */
if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly

if ( ! class_exists( 'avia_sc_two_column_module' ) )
{
  class avia_sc_two_column_module extends aviaShortcodeTemplate
  {
    /**
     * Create the config array for the shortcode button
     */
    function shortcode_insert_button()
    {
      $this->config['version']    = '1.0';
      $this->config['self_closing'] = 'yes';

      $this->config['name']   = __( '2 Column Modules', 'avia_framework' );
      $this->config['tab']    = __( 'Content Elements', 'avia_framework' );
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-blog.png';
      $this->config['order']    = 40;
      $this->config['target']   = 'avia-target-insert';
      $this->config['shortcode']  = 'av_two_column_module';
      $this->config['tooltip']  = __( 'Builds 2 Column Modules ', 'avia_framework' );
      $this->config['preview']  = false;
      $this->config['id_name']  = 'id';
      $this->config['id_show']  = 'yes';
      $this->config['alb_desc_id']  = 'alb_description';
    }

    function admin_assets()
    {
      $ver = AviaBuilder::VERSION;
     
    }

    function extra_assets()
    {
      wp_enqueue_style( 'two-column-module', get_stylesheet_directory_uri() . '/shortcodes/assets/twocolumnmodule.css', array( 'avia-layout' ), false );
    }

    /**
     * helper function executed by aviaShortcodeTemplate::popup_editor that extracts the attributes from the shortcode and then merges the values into the options array
     *
     * @param array $elements
     * @return array $elements
     */
    public function set_default_values($elements)
    {
      $shortcode = !empty($_POST['params']['shortcode']) ? $_POST['params']['shortcode'] : '';
      

      if($shortcode)
      {
        //will extract the shortcode into $_POST['extracted_shortcode']
        $this->builder->text_to_interface($shortcode);
        
        //the main shortcode (which is always the last array item) will be stored in $extracted_shortcode
        $extracted_shortcode = end($_POST['extracted_shortcode']);

        //if the $_POST['extracted_shortcode'] has more than one items we are dealing with nested shortcodes
        $multi_content = count($_POST['extracted_shortcode']);

        //proceed if the main shortcode has either arguments or content
        if(!empty($extracted_shortcode['attr']) || !empty($extracted_shortcode['content']))
        {
          if(empty($extracted_shortcode['attr'])) $extracted_shortcode['attr'] = array();
          if(isset($extracted_shortcode['content'])) $extracted_shortcode['attr']['content'] = $extracted_shortcode['content'];

          //iterate over each array item and check if we already got a value
          foreach($elements as &$element)
          {
            if(isset($element['id']) && isset($extracted_shortcode['attr'][$element['id']]))
            {
              //make sure that each element of the popup can access the other values of the shortcode. necessary for hidden elements
              $element['shortcode_data'] = $extracted_shortcode['attr'];
            
              //if the item has subelements the std value has to be an array
              if(isset($element['subelements']))
              {
                $element['std'] = array();

                for ($i = 0; $i < $multi_content - 1; $i++)
                {
                  $element['std'][$i] = $_POST['extracted_shortcode'][$i]['attr'];
                  $element['std'][$i]['content'] = $_POST['extracted_shortcode'][$i]['content'];
                }
              }
              else
              {
                $element['std'] = html_entity_decode(stripslashes($extracted_shortcode['attr'][$element['id']]));
              }

            }
            else
            {
              if($element['type'] == "checkbox") $element['std'] = '';
            }
          }
        }
      }

      return $elements;
    }
    /**
     * Popup Elements
     *
     * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
     * opens a modal window that allows to edit the element properties
     *
     * @return void
     */
    function popup_elements()
    {      
      
      $this->elements = array(
          
        array(
            'type'  => 'tab_container', 
            'nodescription' => true
          ),
            
        array(
            'type'  => 'tab',
            'name'  => __( 'Content', 'avia_framework' ),
            'nodescription' => true
          ),
        array(
              'type'      => 'template',
              'template_id' => 'toggle_container',
              'templates_include' => array(
                          $this->popup_key( 'selected_project' )
                        ),
              'nodescription' => true
            ),
        
        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),
         
        array(
            'type'  => 'tab',
            'name'  => __( 'Advanced', 'avia_framework' ),
            'nodescription' => true
          ),
        
          array(
              'type'  => 'toggle_container',
              'nodescription' => true
            ),
        
            array(  
                'type'      => 'template',
                'template_id' => 'screen_options_toggle'
              ),
        
            array(  
                'type'      => 'template',
                'template_id' => 'developer_options_toggle',
                'args'      => array( 'sc' => $this )
              ),
        
          array(
              'type'  => 'toggle_container_close',
              'nodescription' => true
            ),
        
        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),

        array(
            'type'  => 'tab_container_close',
            'nodescription' => true
          )

          
          
        );

    }
    
    /**
     * Create and register templates for easier maintainance
     * 
     * @since 4.6.4
     */
    protected function register_dynamic_templates()
    {
      
      /**
       * Content Tab
       * ===========
       */
      
      $c = array(
            array(
              'name'  => __( 'Module Content', 'avia_framework' ),
              'desc'  => __( 'What is the content for this module?', 'avia_framework' ),
              'id'    => 'module_content',
              'type'  => 'tiny_mce',
              'std'   => '',
            ),
            array(
              'name'  => __( 'Module Image', 'avia_framework' ),
              'desc'  => __( 'What is image for this module? (Select Large if available, Full Size if Large is not available.)', 'avia_framework' ),
              'id'  => 'module_image',
              'type'  => 'image',
              'title' => __( 'Insert Image', 'avia_framework' ),
              'button'  => __( 'Insert', 'avia_framework' ),
              'std' => AviaBuilder::$path['imagesURL'] . 'placeholder.jpg' 
            ),
            array(
              'name'  => __( 'Image Side?', 'avia_framework' ),
              'desc'  => __( 'What side of the module will the image be on?', 'avia_framework' ),
              'id'  => 'image_side',
              'type'  => 'select',
              'std'   => 'left',
              'subtype' => array(
                        __( 'Left', 'avia_framework' ) => 'left',
                        __( 'Right', 'avia_framework' )  => 'right'
                      )
            )
        );
      
      $template = array(
              array(  
                'type'      => 'template',
                'template_id' => 'toggle',
                'title'     => __( '2 Column Module', 'avia_framework' ),
                'content'   => $c 
              ),
          );
      
      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'selected_project' ), $template );
      
    }
    /**
     * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
     * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
     * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
     *
     *
     * @param array $params this array holds the default values for $content and $args.
     * @return $params the return array usually holds an innerHtml key that holds item specific markup.
     */
    function editor_element( $params )
    {

      $params = parent::editor_element( $params );
      $params['content'] = null; //remove to allow content elements

      return $params;
    }

    /**
     * Frontend Shortcode Handler
     *
     * @param array $atts array of attributes
     * @param string $content text within enclosing form of shortcode element
     * @param string $shortcodename the shortcode found, when == callback name
     * @return string $output returns the modified html string
     */
    function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' )
    {
      global $avia_config, $more;

      extract( $atts );

      $cards = [];
      
      ob_start(); //start buffering the output instead of echoing it
      $img = wp_get_attachment_image( $attachment, 'large' );
      echo $this->render_module(ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $module_content ) ), $image_side, $module_image, $img);
      $output = ob_get_clean();
      
      avia_set_layout_array();

      return $output;
    }

    function render_module($content,$image_side,$module_image, $image) {
      $html = '';
      $html .= '<div class="two-column-module '.$image_side.'-side">';
      $html .= '<div class="image-container"><div class="module-image" style="background:url(\''.$module_image.'\'); background-repeat: no-repeat; background-position: center '.$image_side.'; background-size: cover"></div></div>';
      $html .= '<div class="content-container">'.$content.'</div>';
    return $html .= '</div>';
    }

   }
  
}

It also works properly with multiple tiny_mce boxes, too.
Note – this is only a problem when you create a custom shortcode element and give it an id of something other than ‘content’.

Hi Victoria, I changed it to tooltip. Then it’s okay. But I want the content to appear in flipbox. I just now did. And then it’s not okay. Also in Firefox, in safari it is okay. I hope you can help.

When you click on a flag the tooltip shows up. I just want the flag to show and temporarily hide the tooltip function. Thanks!

Thank you! I decided on still using the hotspot image on mobile, but hide the tooltips list, since it took too much space.

Is there a way of aligning the hotspot image to the middle of the screen but keeping its size to 2/3 of the screen? I don’t want it to take up the entire page, but if I change the padding, the image size is also decreased.

It’s not a plugin conflict. Also, when I tested on the other site, I tested this same module on another site.

Here’s the code that I have for the custom shortcode. If you use it, you should experience the same effect.

<?php
/**
 * 2 Column Full-Width
 * 
 * Builds 2 column modules with image on one side and content on the other.
 */
if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly

if ( ! class_exists( 'avia_sc_two_column_full_module' ) )
{
  class avia_sc_two_column_full_module extends aviaShortcodeTemplate
  {
    /**
     * Create the config array for the shortcode button
     */
    function shortcode_insert_button()
    {
      $this->config['version']    = '1.0';
      $this->config['self_closing'] = 'yes';

      $this->config['name']   = __( '2 Column Full-Width Modules', 'avia_framework' );
      $this->config['tab']    = __( 'Content Elements', 'avia_framework' );
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-blog.png';
      $this->config['order']    = 40;
      $this->config['target']   = 'avia-target-insert';
      $this->config['shortcode']  = 'av_two_column_full_module';
      $this->config['tooltip']  = __( 'Builds 2 Column Full-Width Modules ', 'avia_framework' );
      $this->config['preview']  = false;
      $this->config['id_name']  = 'id';
      $this->config['id_show']  = 'yes';
      $this->config['alb_desc_id']  = 'alb_description';
    }

    function admin_assets()
    {
      $ver = AviaBuilder::VERSION;
     
    }

    function extra_assets()
    {
      $ver = AviaBuilder::VERSION;
      wp_enqueue_style( 'two-column-full-module', get_stylesheet_directory_uri() . '/shortcodes/assets/twocolumnfullmodule.css', array( 'avia-layout' ), false );
      wp_enqueue_script( 'two-column-full-module-js', get_stylesheet_directory_uri() . '/shortcodes/assets/twocolumnfullmodule.js', array( 'jquery' ), $ver, true );
    }

    /**
     * Popup Elements
     *
     * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
     * opens a modal window that allows to edit the element properties
     *
     * @return void
     */
    function popup_elements()
    {      
      
      $this->elements = array(
          
        array(
            'type'  => 'tab_container', 
            'nodescription' => true
          ),
            
        array(
            'type'  => 'tab',
            'name'  => __( 'Content', 'avia_framework' ),
            'nodescription' => true
          ),
        array(
              'type'      => 'template',
              'template_id' => 'toggle_container',
              'templates_include' => array(
                          $this->popup_key( 'selected_project' )
                        ),
              'nodescription' => true
            ),
        
        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),
         
        array(
            'type'  => 'tab',
            'name'  => __( 'Advanced', 'avia_framework' ),
            'nodescription' => true
          ),
        
          array(
              'type'  => 'toggle_container',
              'nodescription' => true
            ),
        
            array(  
                'type'      => 'template',
                'template_id' => 'screen_options_toggle'
              ),
        
            array(  
                'type'      => 'template',
                'template_id' => 'developer_options_toggle',
                'args'      => array( 'sc' => $this )
              ),
        
          array(
              'type'  => 'toggle_container_close',
              'nodescription' => true
            ),
        
        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),

        array(
            'type'  => 'tab_container_close',
            'nodescription' => true
          )

          
          
        );

    }
    
    /**
     * Create and register templates for easier maintainance
     * 
     * @since 4.6.4
     */
    protected function register_dynamic_templates()
    {
      
      /**
       * Content Tab
       * ===========
       */
      
      $c = array(
            array(
              'name'  => __( 'Module Headline Content', 'avia_framework' ),
              'desc'  => __( 'What is the upper headline content for this module?', 'avia_framework' ),
              'id'    => 'module_content',
              'type'  => 'tiny_mce',
              'std'   => '',
            ),
            array(
              'name'  => __( 'Module Body Content', 'avia_framework' ),
              'desc'  => __( 'What is the main body content for this module?', 'avia_framework' ),
              'id'    => 'module_body_content',
              'type'  => 'tiny_mce',
              'std'   => '',
            ),
            array(
              'name'  => __( 'Module Image', 'avia_framework' ),
              'desc'  => __( 'What is image for this module? (Select Large if available, Full Size if Large is not available.)', 'avia_framework' ),
              'id'  => 'module_image',
              'type'  => 'image',
              'title' => __( 'Insert Image', 'avia_framework' ),
              'button'  => __( 'Insert', 'avia_framework' ),
              'std' => AviaBuilder::$path['imagesURL'] . 'placeholder.jpg' 
            ),
            array(
              'name'  => __( 'Show Pathway?', 'avia_framework' ),
              'desc'  => __( 'Do you want to show the pathway instead of an image?', 'avia_framework' ),
              'id'  => 'show_pathway',
              'type'  => 'select',
              'std'   => 'no',
              'subtype' => array(
                        __( 'No', 'avia_framework' ) => 'no',
                        __( 'Yes', 'avia_framework' )  => 'yes'
                      )
            ),
            array(
              'name'  => __( 'Image Side?', 'avia_framework' ),
              'desc'  => __( 'What side of the module will the image be on?', 'avia_framework' ),
              'id'  => 'image_side',
              'type'  => 'select',
              'std'   => 'left',
              'subtype' => array(
                        __( 'Left', 'avia_framework' ) => 'left',
                        __( 'Right', 'avia_framework' )  => 'right'
                      )
            )
        );
      
      $template = array(
              array(  
                'type'      => 'template',
                'template_id' => 'toggle',
                'title'     => __( '2 Column Module', 'avia_framework' ),
                'content'   => $c 
              ),
          );
      
      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'selected_project' ), $template );
      
    }
    /**
     * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
     * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
     * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
     *
     *
     * @param array $params this array holds the default values for $content and $args.
     * @return $params the return array usually holds an innerHtml key that holds item specific markup.
     */
    function editor_element( $params )
    {

      $params = parent::editor_element( $params );
      $params['content'] = null; //remove to allow content elements

      return $params;
    }

    /**
     * Frontend Shortcode Handler
     *
     * @param array $atts array of attributes
     * @param string $content text within enclosing form of shortcode element
     * @param string $shortcodename the shortcode found, when == callback name
     * @return string $output returns the modified html string
     */
    function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' )
    {
      global $avia_config, $more;

      extract( $atts );

      $cards = [];
      
      ob_start(); //start buffering the output instead of echoing it
      // $img = wp_get_attachment_image( $attachment, 'large' );
      echo $this->render_module(ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $module_content ) ), ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $module_body_content ) ), $image_side, $module_image, $show_pathway);
      $output = ob_get_clean();
      
      avia_set_layout_array();

      return $output;
    }

    function render_module($content,$body_content,$image_side,$module_image, $show_pathway) {
      $html = '';
      $extra_classes = '';
      if ($module_image) {
        $extra_classes = 'show-image';
      }
      if ($show_pathway == 'yes') {
        $extra_classes = 'show-pathway';
      }
      $html .= '<div class="two-column-full-width-module '.$image_side.'-side '.$extra_classes.'">';
      if ($module_image) {
        $html .= '<div class="image-container"><div class="image-container-too"><div class="module-image" style="background:url(\''.$module_image.'\'); background-repeat: no-repeat; background-position: center '.$image_side.'; background-size: cover"></div></div></div>';
      }
      if ($show_pathway == 'yes') {
        $html .= '<div class="image-container"></div>';
      }
      $html .= '<div class="module-container"><div class="content-container"><div class="headline-content">'.$content.'</div><div class="body-content">'.$body_content.'</div></div><p class="read-more"><span class="collapsed">Read More</span><span class="expanded">Read Less</span><i class="chevron"></i></p></div>';
    return $html .= '</div>';
    }

   }
  
}

You can see that I used the tiny_mce type twice, and have given it a custom id for each one.

In the default modules, I haven’t found any example where two tiny_mce elements were used in a single module, nor have I found any that used the tiny_mce element with an id of something other than ‘content’.
I believe it should be a fairly simple matter of adding a filter or something, but haven’t yet been able to determine what it should be.

Hi Yigit,

thank you, sorry, I didn’t get that before. The translation option in my profile wasn’t available until I changed the site language.
But it’s not possible to change the tooltip manually?

Best regards, Haiko.

Hi Jordan,

thank you, that works for the pulse.
The tooltip is still there though. Can you help me with some custom css to get rid of that too?

Best regards, Haiko.

Hi Yigit, thank you, but I prefer to work in an English environment. There’s no other way to translate those tooltips?

Best regards, Haiko.

Hi Ismael,
Thank you very much for your help, however I had already managed to solve the problem and it was exactly as you indicated and i would like to share it:

// Função prev-next dos portfolios
add_shortcode( ‘prev’, ‘prev_shortcode’ );
add_shortcode( ‘next’, ‘next_shortcode’ );
function prev_shortcode() {
global $post;
$result = get_previous_post_link(
$format = ‘<div class=”nav-previous”>%link</div>’,
$link = ‘<span class=”av-icon-char” style=”” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello” data-avia-icon-tooltip=”%title”></span>’,
$in_same_term = true,
$excluded_terms = ”,
$taxonomy = ‘portfolio_entries’);
return $result;
}
function next_shortcode() {
global $post;
$result = get_next_post_link(
$format = ‘<div class=”nav-next”>%link</div>’,
$link = ‘<span class=”av-icon-char” style=”” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello” data-avia-icon-tooltip=”%title”></span>’,
$in_same_term = true,
$excluded_terms = ”,
$taxonomy = ‘portfolio_entries’);
return $result;
}

Best regards!

Hi Victoria,

Great, that works as I hoped, thanks a lot!
How can I change the language/text of the tooltip?

Best regards, Haiko.

• This reply was modified 5 years, 4 months ago by rhae.

Sorry – I meant the title, but I still call everything showing in the little boxes a tooltip!

Yes – I would love a replacement or additional piece of code that would remove this title in the Masonry Gallaries.

Many thanks
Steve