Viewing 30 results - 691 through 720 (of 2,320 total)
  • Author
    Search Results
  • #1071218

    In reply to: Navigation

    Hi,

    Thanks for the update.

    Remove the widget with the search icon and then add this code in the functions.php file to render the actual search icon inside the main header container.

    add_action( 'ava_main_header', 'avia_append_search_nav_mod', 9997 );
    
    function avia_append_search_nav_mod()
    {	
        $search = '';
    
        global $avia_config;
        ob_start();
        get_search_form();
        $form =  htmlspecialchars(ob_get_clean()) ;
    
        $search .= '<div id="menu-item-search" class="noMobile">
                        <a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
                    </div>';
    
        echo $search;
    }

    Best regards,
    Ismael

    #1070754

    Hi Michael,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css and see if the share buttons work different now

    
     @media only screen and (max-width:767px){
         .av-share-box-list .avia-related-tooltip.avia-tt {
             display: none !important;
             opacity: 0 !important;
         }
     }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1070365

    Hi,
    just one more question. In this page http://www.fairwindsdigital.it/technology/ I have a row with icons with tooltip.
    i woult like to use/add my own icons. is it possible? How can I do for adding my own icons?

    Thank you
    Marco

    #1069462

    I can’t replicate any tooltips when testing this but I see the icon flipping on hover.

    Add this to stop the icon flipping

    .avia-icongrid-flipbox li:hover .avia-icongrid-front,
    .avia-icongrid-flipbox li.av-flip .avia-icongrid-front{
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    Would it be easier to use the icon Box element in columns?

    Not sure if this helps or not. Can you provide a link?

    #1069449
    KyriK
    Participant

    i would like to turn off the tooltip animation for the icon-grid element. I only want the icons to appear in the grid with the links. No amination or tooltip.
    any ideas?
    thank you in advance.

    #1068415

    Hi xxtita,

    Try the code like this:

    
    <script>
    (function($){
        $(window).load(function() {
        	new $.AviaTooltip({'class': "av-icon-char", event: "click", data: "avia-icon-tooltip", delay:0, scope: "body"});
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');
    

    If you need further assistance please let us know.
    Best regards,
    Victoriad

    #1068221

    Hi Victoria,
    yes, part 2
    Image 2019-02-16 at 21.10.47.png
    is the icon tooltip which i want to be clickable for iOs Devices.
    Mixed Content is another thread, when fonts uploaded via enfold to serve the website.

    #1066980
    xxtita
    Participant

    Hi Team Kriesi,
    read a lot in this forum, but nothing helped.
    I want to achieve that the tooltips for icon show up on iOS for mobile devices. Guess best way would be to make the icons clickable, so the tooltip shows up after clicking the icon.
    tried this code from a thread

    <script>
    (function($){
        $(window).load(function() {
        	new $.AviaTooltip({'class': "avia-tooltip avia-icon-tooltip", event: "click", data: "avia-icon-tooltip", delay:0, scope: "body"});
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');

    This Code looks good, but those classes are not here anymore in 4.5.2.
    Can you provide some new code for this behaviour?
    Thanks in advance.

    • This topic was modified 6 years, 11 months ago by xxtita.
    pagemod
    Participant

    Hey Kriesi,

    the SEO Crawler/Tool ryte.com is reporting that my site has a lot “internal nofollow” attributes.

    After checking i found that all pages have this “internal nofollow” attribute in source code.

    <a href=”?s=” rel=”nofollow”
    data-avia-search-tooltip=”<form action="https://heine-mattern.de/ " id="searchform" method="get" class=""><div><input type="submit" value="" id="searchsubmit" class="button avia-font-entypo-fontello" /><input type="text" id="s" name="s" value="" placeholder=’Suche’ />
    </div></form>” aria-hidden=’true’ data-av_icon=’’ data-av_iconfont=’entypo-fontello’><span class=”avia_hidden_link_text”>Suche</span>

    Is this really a problem for Google and how can i avoid this?

    Thank you for your assistance
    and have a nice day

    tb

    • This topic was modified 6 years, 11 months ago by pagemod.
    #1063693
    sabine
    Participant

    I am not able to remove tooltips on slider images. Could you help me.

    #1063546

    Hi,

    Thank you for the update. That is a tooltip, so you can use this css code to adjust its width.

    .avia-tooltip {
        width: auto;
    }

    Default width value is 140px.

    Best regards,
    Ismael

    #1063495

    1/1 ELement is working now. Maybe the tooltip exceeded the column and this forced down the sidebar. IDK. I rebuilt the post with an image with hotspots inside a column and now it’s working. Thanks

    • This reply was modified 6 years, 11 months ago by dameonjamie.
    #1062464

    Hi,

    I’m not really sure which background you’re referring to. And the tooltip size depends on the length of the text in the image description. Please provide a screenshot using imgur or dropbox.

    Best regards,
    Ismael

    #1061229

    Thank you Günter for your reply,
    I am afraid that I have to look for another solution. Not only is this not clear for me ( I am not a programmer ) but I now understand that there is no way that I can use a tooltip on text either. Maybe I have to look for another solution.
    Thanks anyway and best regards,

    Woutski

    #1061073

    Hey Woutski,

    Please check this thread:

    I added an issue to our repo – maybe we will add a solution to the core in a future release.

    Best regards,
    Günter

    #1060919

    Hi,

    Thanks for the update.

    Are you referring to the tooltip container? Please provide a screenshot of the description background. You can use imgur or dropbox.

    Best regards,
    Ismael

    #1059757

    Topic: hotspot based on text

    in forum Enfold
    Woutski
    Participant

    I want to use words that “on click” open a tooltip which is able to deal with bigger texts. Is there any possibility in Enfold? In the forum I see a lot of discussions about tooltips since years and lots of time I read this question. Is there really not a solution that works these days? I tried some plugins as well. Some work fine on bigger screens but I cannot find one that works well on telephone as well. If not possible within this great Enfold, maybe you can recommend one that does and also works well on phones?

    Cheers Woutski

    • This topic was modified 6 years, 11 months ago by Woutski.
    #1059332
    Woutski
    Participant

    Hoi, I am using version 4.5.

    Tried to change the on mouseenter for the tooltip into on click.
    Therefore I changed in the avia-modal.js at line 892
    /*add behavior that connects hotspot and modal subelements*/
    general_behavior: function()
    {
    /*trigger click event*/
    _self.hotspot_container.on(‘mouse enter’, ‘.av-image-hotspot’, function()
    {
    var el = $(this).data(‘modal_sub_el’);
    if(el) el.find(‘.avia-modal-group-element-inner’).trigger(‘click’);
    });
    into
    /*add behavior that connects hotspot and modal subelements*/
    general_behavior: function()
    {
    /*trigger click event*/
    _self.hotspot_container.on(‘click’, ‘.av-image-hotspot’, function()
    {
    var el = $(this).data(‘modal_sub_el’);
    if(el) el.find(‘.avia-modal-group-element-inner’).trigger(‘click’);
    });

    In avia.js at line 1575 I also changed
    event: ‘mouseenter’, //mousenter and leave or click and leave
    into
    event: ‘click’, //mousenter and leave or click and leave

    I did both at the same time, but it has no affect

    • This topic was modified 6 years, 11 months ago by Woutski.
    lebenspraxis
    Participant

    Hello,
    I’m using the ALB for my plog posts. To display the post’s meta infos I created a file named post_meta_infos.php and loaded it into the avia-shortcodes folder. So I can use the shortcode to display meta infos and it works fine. I found the code for the post_meta_infos.php in the forums here. Unfortunately the code does not contain any commands to display the last modified date of the post entry. Therefore I need some additions for The code. I tried by myself, but couldn’t get it work for I have no real php-programming-skills. Could you help?
    Here is the code (without last modified date) I use.

    <?php
    /**
     * Comments Element
     * Adds a comment form to the page
     */
     
    // Don't load directly
    if ( !defined('ABSPATH') ) { die('-1'); }
    
    if ( !class_exists( 'avia_post_meta_info' ) )
    {
    	class avia_post_meta_info extends aviaShortcodeTemplate{
    			
    			/**
    			 * Create the config array for the shortcode button
    			 */
    			function shortcode_insert_button()
    			{
    				$this->config['name']		= __('Post Meta', 'avia_framework' );
    				$this->config['tab']		= __('Content Elements', 'avia_framework' );
    				$this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-comments.png";
    				$this->config['order']		= 28;
    				$this->config['target']		= 'avia-target-insert';
    				$this->config['shortcode'] 	= 'av_post_meta';
                    $this->config['tinyMCE'] 	= array('disable' => "true");
    				$this->config['tooltip'] 	= __('Add the post meta infos', 'avia_framework' );
                    //$this->config['drag-level'] = 1;
    			}
    			
    
    			 
    			/**
    			 * 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['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />";
                    $params['innerHtml'].= "<div class='avia-element-label'>".$this->config['name']."</div>";
                    $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 = "")
    			{
    				$the_id = get_the_ID();
    				
    				$output  = '<header class="entry-content-header">';
                    $output .= "<span class='post-meta-infos'>";
                    $markup  = avia_markup_helper(array('context' => 'entry_time','echo'=>false));
                    $output .= '<time class="date-container minor-meta updated" {$markup}>'.get_the_time(get_option('date_format'))."</time>";
                    $output .= "<span class='text-sep text-sep-date'>/</span>";
    
                        if ( get_comments_number() != "0" || comments_open() ){
    
                        $output .= "<span class='comment-container minor-meta'>";
    					ob_start();
    					comments_popup_link(  "0 ".__('Comments','avia_framework'),
                                              "1 ".__('Comment' ,'avia_framework'),
                                              "% ".__('Comments','avia_framework'),'comments-link',
                                              "".__('Comments Disabled','avia_framework'));
    										  $comment = ob_get_clean(); 
    										  $output .= $comment;
                        $output .= "</span>";
                        $output .= "<span class='text-sep text-sep-comment'>/</span>";
                        }
    
                        $taxonomies  = get_object_taxonomies(get_post_type($the_id));
                        $cats = '';
                        $excluded_taxonomies =  apply_filters('avf_exclude_taxonomies', array('post_tag','post_format'), get_post_type($the_id), $the_id);
    
                        if(!empty($taxonomies))
                        {
                            foreach($taxonomies as $taxonomy)
                            {
                                if(!in_array($taxonomy, $excluded_taxonomies))
                                {
                                    $cats .= get_the_term_list($the_id, $taxonomy, '', ', ','').' ';
                                }
                            }
                        }
    
                        if(!empty($cats))
                        {
                            $output .= '<span class="blog-categories minor-meta">'.__('in','avia_framework')." ";
                            $output .= $cats;
                            $output .= '</span><span class="text-sep text-sep-cat">/</span>';
                        }
    
                        $output .= '<span class="blog-author minor-meta">'.__('by','avia_framework')." ";
    					$markup  = avia_markup_helper(array('context' => 'author_name', 'echo'=>false));
                        $output .= '<span class="entry-author-link" $markup>';
                        $output .= '<span class="vcard author"><span class="fn">';
    					ob_start();
    					the_author_posts_link();
    					$author  = ob_get_clean(); 
                        $output .= $author;
                        $output .= '</span></span>';
                        $output .= '</span>';
                        $output .= '</span>';
                    $output .= '</span>';
    				$output .= '</header>';
    				
    				
            		return $output;
            	}		
    			
    	}
    }

    I tried this: …

     $output .= '<time class="date-container minor-meta updated" {$markup}>'.get_the_time(get_option('date_format'))."</time>";
                    $output .= "<span class='text-sep text-sep-date'>/</span>";
    				
    				
    				
    					if (the_modified_date('d.m.Y') != the_date('d.m.Y')) {
    					
    					$output .= '<time class="date-container minor-meta updated">'.the_modified_date('d.m.Y')."</time>";
    					$output .= "<span class='text-sep text-sep-date'>/</span>";					
    					}
    						
    		
    				
                        if ( get_comments_number() != "0" || comments_open() ){
    
                        $output .= "<span class='comment-container minor-meta'>";
    					ob_start();

    Didn’t work.

    Best regards,
    lebenspraxis

    #1057262

    Hey Gabri,

    You’ll need to use a child theme first: https://kriesi.at/documentation/enfold/child-theme/
    Then add this on the child theme’s functions.php:

    add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 9997, 2 );
    add_filter( 'avf_fallback_menu_items', 'avia_append_search_nav', 9997, 2 );
    
    function avia_append_search_nav ( $items, $args )
    {	
        if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;
        if(avia_get_option('header_position',  'header_top') != "header_top") return $items;
    
        if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
        {
            global $avia_config;
            ob_start();
            get_search_form();
            $form =  htmlspecialchars(ob_get_clean()) ;
    
            $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
                            <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
                        </li>';
        }
        return $items;
    }

    Best regards,
    Nikko

    #1056905

    Hi,

    A “nofollow” on the search link really doesn’t meet any of those criteria

    I think it does make sense when you want to prioritize other content or redirect the crawlers. By adding the “nofollow” attribute to the search link, we are telling the crawlers not to follow, and in turn not index, the items on the search results page, which is reported to be causing duplicate contents. That is the whole intention of that modification. We are by no means SEO expert, so any suggestions from other users are welcome.

    Under “3. Crawl prioritization”:

    Using nofollow on these links enables Googlebot to crawl other pages you’d prefer to see in Google’s index.

    =======================================================================================

    If duplicate content is the issue, then I would think that a noindex would be the correct way to handle.

    Thanks for the suggestion. Like I said, the search results page is already set to “noindex, follow”, but it’s still generating duplicated contents as reported by other users.

    If you really want to change that attribute, edit the functions-enfold.php file, look for this code around line 124:

    <a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
    

    Best regards,
    Ismael

    Not sure if your response was to HokusPocus, however, your answer really didn’t answer my response or question.

    In referring to the article you mention from Google(https://support.google.com/webmasters/answer/96569?hl=en),

    “Nofollow” provides a way for webmasters to tell search engines “Don’t follow links on this page” or “Don’t follow this specific link.”

    Further down the page, it explains that some of the cases which you would want to use “nofollow” would be:
    1. Untrusted Content
    2. Paid Links
    3. Crawl prioritization

    A “nofollow” on the search link really doesn’t meet any of those criteria and we also know that by placing a nofollow for internal links, sends a signal to search engines that the information it is linking to is questionable, which we don’t want to do as since it is internal content, we want it to be followed.

    The attribute is only added to the search tooltip icon, which we suspect is causing duplicate content issue.

    Also, I’m not sure I understand the philosophy behind implementing a change to the theme based on a suspicion, without further proof that it IS causing or fixing an issue.

    In my case, I’m receiving an error message from within SEO software scanning that the search link in the menu is set to nofollow which is not advised.

    If duplicate content is the issue, then I would think that a noindex would be the correct way to handle.

    https://moz.com/learn/seo/duplicate-content

    Just trying to understand and ensure that my sites are optimized to the best that they can be. Thanks for your help.

    Hi,

    @HokusPocus: That attribute was not added to disallow robots from following the search results page. The attribute is only added to the search tooltip icon, which we suspect is causing duplicate content issue. More info here:

    // https://support.google.com/webmasters/answer/96569?hl=en

    The actual search results page is still set to “noindex, follow”. It was modified in response to this thread:

    // https://kriesi.at/support/topic/how-to-remove-s-from-search-url/

    What is the effect: On all your Enfold clients, all crawler and bots stop here, break down the crawling process of the whole pages and ends the crawling. Wow, that’s great.

    Do you have any reference for that?

    Best regards,
    Ismael

    #1049449

    Hi,
    Thank you for the wishes, also wishing you the best this year :)
    Thank you for the login, I first looked at the hot spot bottle and your css seems to be working for me, for mobile the hot spots don’t show, but the hot spot text blocks under the bottle are white text on a white background so we can’t read the text, so I changed the color in your css:

    @media only screen and (max-device-width: 700px) {
    	 div#bottleview div.av-image-hotspot.av-display-hotspot {
    		display: none !important;
    		}
    #bottleview.alternate_color .av-hotspot-fallback-tooltip-inner,#bottleview .av-hotspot-fallback-tooltip-count {
    color: #000 !important;
    }
    	} 

    I lower the opacity of the instagram background image with this css:

    #reviewinstagram .av-parallax-inner {
        opacity: 0.5 !important; 
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    #1048464

    Hi Victoria,

    It was a plugin called LiteTooltip v2.0 which when I turned off, everything worked as it should. I only had one page which used this plugin, so it was easier to disable it rather than troubleshoot further.

    Thanks for the help!

    #1047985

    The Final Interim Solution.

    Copy avia.js from the Parent Theme enfold > js > avia.js to the Child Theme enfold-child > js > avia.js

    Then in the child theme functions.php file enqueue avia.js to load from the new location

    
    function wp_change_aviajs() {
       wp_dequeue_script( 'avia-default' );
       wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
    }
    add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 );
    

    enfold-child open and edit the avia.js file

    At the top of the file replace/add the following:

    
    (function($)
    {	
        "use strict";
        
        // EXTENSION ----------------------------------------------------------------
    	// KEEP IN OUTER SCOPE i.e. not in doc ready
        var active_hotspot = null;
        var active_hotspot_previous = null;
    
        function guidGenerator() {
            function s4() {
                return Math.floor((1 + Math.random()) * 0x10000)
                    .toString(16)
                    .substring(1);
            }
            return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
        }
    
        $('body').on('mouseover', 'div.av-image-hotspot.av-display-hotspot', function (e) {
            var guid = guidGenerator();
    
            if (active_hotspot && active_hotspot !== $(this).attr('data-guid') )  {
                active_hotspot_previous = active_hotspot;
            }
            active_hotspot = guid;
            $(this).attr('data-guid', guid);
    
        });
    
        $('body').on('mouseleave', 'div.av-image-hotspot.av-display-hotspot', function (e) {
            if ( $(this).attr('data-guid') === active_hotspot ) {
                e.preventDefault();
                e.stopImmediatePropagation();
                return false;
            }
        });
        // EXTENSION ----------------------------------------------------------------
    
        $(document).ready(function()

    Scroll down to the following Function line 1645

            display_tooltip: function(e)
            {
    

    add this replace/add this code:

          display_tooltip: function(e)
            {
            	// EXTENSION ----------------------------------------------------------------
                if ( active_hotspot_previous !== $(e.currentTarget).attr('data-guid') ) {
                    $('[data-guid]').trigger('mouseleave');
                }
    
                if ( $(e.currentTarget).hasClass('open') ) {
                    return false;
                }
    
                $('[data-guid]').removeClass('open');
                $(e.currentTarget).addClass('open');
                // EXTENSION ----------------------------------------------------------------        	
                var _self		= this,
    

    Avia Layout Builder set the Image Hot Spot to Show Tooltips – On Mouse Hover

    The hotspot tooltip will show on mouse hover and remain visible, allowing the user to interact with hotspot content buttons, links etc.
    Only one hot spot tooltip will remain visible. When you hover a second hotspot the first hotspot tooltip will hide and the new hotspot tooltip will be visible.

    #1047597

    Hi,

    Thanks for the update.

    You can use this css code to increase the width of the tooltip so that it won’t get covered by the header.

    .recurring-info-tooltip, .tribe-events-calendar .tribe-events-tooltip, .tribe-events-shortcode.view-week .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip {
        width: 500px;
    }

    Best regards,
    Ismael

    #1046647

    I tried to figure it out and it looks like it works at first but the actual search results do not reflect the change. I copied functions-enfold.php to my child theme and changed the following lines

    	        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
    							<a href="shop/?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
    	        		   </li>';

    to

    	        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
    							<a href="shop/?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
    	        		   </li>';
    • This reply was modified 7 years, 1 month ago by hotspot01. Reason: update

    Are you are correct, my mistake there when retyping it.
    Now that I’ve inserted the both search items vanished.

    add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);
    add_filter( 'avia_meta_header', 'avia_append_search_nav_mod');
    function avia_append_search_nav_mod(){
              global $avia_config;
              ob_start();
              get_search_form();
              $form = htmlspecialchars(ob_get_clean());
    
              $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
                            <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>
                            <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span>
                            </a>
                            </li>';
            echo $items;
    }
    
    function custom_shift(){
    ?>
    <script>
    (function($){
    //      $('#header_meta #menu-item-search').prependTo('#avia2-menu');
            $('#header_meta #menu-item-search').prependTo('#header_meta .sub_menu');
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_shift');
Viewing 30 results - 691 through 720 (of 2,320 total)