Viewing 30 results - 751 through 780 (of 2,320 total)
  • Author
    Search Results
  • #1031907

    Hey brentd99,
    Thank you for the image, on my localhost the demo flip-box didn’t show a tooltip, so it must be created slightly different than yours.
    We have a couple of scripts that can remove this, so please try this one by adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    jQuery(window).load(function(){
    jQuery('a').removeAttr('title');
    jQuery('img').removeAttr('title');
    });
    </script>
      <?php
      }
      add_action('wp_footer', 'custom_script');

    If this doesn’t help please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    #1031866
    Munford
    Participant

    HI
    I’d like to move the captions on my logo elements from the tooltip hover to underneath the logo. I saw on another thread (https://kriesi.at/support/topic/partnerlogo-element-no-tooltip-but-fixed-text-under-the-picture/#post-897348) to add this to functions.php but that didn’t work for me:

    add_action('wp_footer', 'ava_new_custom_script');
    function ava_new_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	$(window).load(function() {
    		jQuery(".slide-entry.av_one_seventh").each(function() {
    			var el = jQuery(this);
    			var tip = el.attr("data-avia-tooltip");
    
    			if (typeof tip !== typeof undefined && tip !== false) {
    				el.append("<span class='custom-caption'>" + tip + "</span>");
                	el.attr("data-avia-tooltip", "");
    			}	
    		});
    	});
    })(jQuery);
    </script>
    <?php
    }

    can you help me with this?
    thanks
    Nancy

    • This topic was modified 7 years, 2 months ago by Munford.
    #1031861

    In reply to: Main menu hook?

    Solved. Here is the solution for those needing it.

    Enfold specifically targets the ‘avia’ menu and only adds the search icon and burger menu to it. In this first step we’re going to do three things.

    1. Create our custom menus and have them appear in the admin panel
    2. Remove the default search icon that only targets avia and add one that targets our menus also
    2. Remove the default burger icon that only targets avia and add one that targets our menus also

    Create a file called function-gc.php and add the following code:

    // Adds new custom menus inside admin area
    add_action( 'after_setup_theme', 'register_gc_menus' );
    function register_gc_menus() {
        register_nav_menus( array( 'newmenu1' => 'New Menu 1' )); //name of your first menu
        register_nav_menus( array( 'newmenu2' => 'New Menu 2' )); //name of your second menu
        register_nav_menus( array( 'newmenu3' => 'New Menu 3' )); //name of your third menu; feel free to add as many of these as you'd like
    }
    
    /* AJAX SEARCH */
    
    	//first append search item to main menu
    	remove_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 9997, 2 );
    	remove_filter( 'avf_fallback_menu_items', 'avia_append_search_nav', 9997, 2 );
    	add_filter( 'wp_nav_menu_items', 'gc_append_search_nav', 9997, 2 );
    	add_filter( 'avf_fallback_menu_items', 'gc_append_search_nav', 9997, 2 );
    
    	function gc_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;
    
    //edit the line below with your information (newmenu1, newmenu2, etc)
    	    if ((is_object($args) && in_array($args->theme_location, array('avia','newmenu1','newmenu2','newmenu3'))) || (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=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
    	        		   </li>';
    	    }
    	    return $items;
    }
    
    /* Enables burger menu on all pages */
    //first append search item to main menu
    remove_filter( 'wp_nav_menu_items', 'avia_append_burger_menu', 9998, 2 );
    remove_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu', 9998, 2 );
    add_filter( 'wp_nav_menu_items', 'gc_append_burger_menu', 9998, 2 );
    add_filter( 'avf_fallback_menu_items', 'gc_append_burger_menu', 9998, 2 );
    
    function gc_append_burger_menu ( $items , $args )
    {
    	global $avia_config;
    
    	$location = ( is_object( $args ) && isset( $args->theme_location ) ) ? $args->theme_location : '';
    	$original_location = isset( $avia_config['current_menu_location_output'] ) ? $avia_config['current_menu_location_output'] : '';
    
    	/**
    	 * Allow compatibility with plugins that change menu or third party plugins to manpulate the location
    	 *
    	 * @used_by Enfold config-menu-exchange\config.php			10
    	 * @since 4.1.3
    	 */
    	$location = apply_filters( 'avf_append_burger_menu_location', $location, $original_location, $items , $args );
    
    //edit the line below with your information (newmenu1, newmenu2, etc)
    	if ((is_object($args) && in_array($args->theme_location, array('avia','newmenu1','newmenu2','newmenu3'))) || (is_string($args) && $args = 'fallback_menu'))
    	{
    		$class = avia_get_option('burger_size');
    
    		$items .= '<li class="av-burger-menu-main menu-item-avia-special '.$class.'">
    					<a href="#">
    						<span class="av-hamburger av-hamburger--spin av-js-hamburger">
    						<span class="av-hamburger-box">
    							  <span class="av-hamburger-inner"></span>
    							  <strong>'.__('Menu','avia_framework').'</strong>
    						</span>
    						</span>
    					</a>
    				   </li>';
    	}
    	return $items;
    }

    Now we need enfold to know our new file exists
    inside function.php replace

    require_once( 'functions-enfold.php');
    

    with

    require_once( 'functions-enfold.php');
    require_once( 'functions-gc.php'); // you'll need to redo this step every time you update the theme

    Lastly, we want to have the menus appear on the pages they should appear on. This step will need to be repeated every time you update the theme.

    Inside helper-main-menu.php replace:

    $avia_theme_location = 'avia';
    $avia_menu_class = $avia_theme_location . '-menu';

    With:

        global $post;
        $newmenu1= array(85,9); // numbers represent pages, categories you want to target
        $newmenu2= array(4, 22);
        $newmenu3= array(5, 34);
    
    //if statement for every menu you have with a fallback to the default main menu
        if (in_array($post->post_parent, $newmenu1) || (in_array($post->ID, $newmenu1))){ 
    
            $avia_theme_location = 'newmenu1';
    
        } else if (in_array($post->post_parent, $newmenu2) || (in_array($post->ID, $newmenu2))){
    
            $avia_theme_location = 'newmenu2';
    
        } else if (in_array($post->post_parent, $newmenu3) || (in_array($post->ID, $newmenu3))){
    
            $avia_theme_location = 'newmenu3';
    
        } else {
    
            $avia_theme_location = 'avia'; // Goes to default Enfold Main Menu
    
        }
    
    $avia_menu_class = 'avia-menu';

    Let me know if you have any questions

    • This reply was modified 7 years, 2 months ago by GCSkye.
    #1031491

    Hi,

    I would like to apologize for the delay. I’m getting this error in the console.

    CMMRM_Tooltip is not defined
        at index.php?hm_custom_js_draft=1&ver=1541728952:38 index.php?hm_custom_js_draft=1&ver=1541728952:38 Uncaught ReferenceError: 
    

    What is CMMRM? Please deactivate it temporarily then purge the cache. You may need to upgrade to version 4.5 manually or via FTP, because the auto update is not going to function properly on version 4.4.1.

    // https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#update-via-ftp
    // https://kriesi.at/archives/the-complete-guide-to-updating-enfold

    P.S: Nice site. :)

    Best regards,
    Ismael

    #1031373
    der_velli
    Participant

    Hi
    I want to use the Enfold Instagram Widget but its not working for me. If i use the direct Instagram connection it show 6 old posts but not the newest (post from 23.10. or 25.10. are not visible). But it shows 6 Pics which i set in the settings.
    If i choose “Cache images on my server” it shows only 1 Pic (the same 4 weeks old post). the other pics are invisible – but via mouseover i can see the tooltip description. On click the lightbox opens and says “The image can not be loaded” …
    What can i do?? I use a cache plugin (WP Fastest Cache) – is there a conflict?? I want to use the GDPR confirm version …

    The Website: http://www.kurhaus-badtoelz.com/ (Widget is in the Footer)
    and the Instagram Account: https://www.instagram.com/kurhaus_bad_toelz/

    Regards
    Velli

    #1026717

    In reply to: Google Maps in Tab2

    that’s not what I am looking for, I don’t need the WHOLE Avia code, I only need the [shortcode ID=123] with an ID, so I can put the SAME
    Module on some other pages or tabs, etc…

    I do not want to copy/paste the WHOLE code, for the Google Map Module, I add some new adresses every day…

    With Debug mode, I get this:

    [av_google_map height='560px' zoom='auto' saturation='-50' hue='#ededed' zoom_control='aviaTBzoom_control' maptype_control='' maptype_id='']
    [av_gmap_location address='Rüeggisingerstrasse 29' city='Emmenbrücke' country='Schweiz' long='8.277343900000005' lat='47.0785212' marker='' imagesize='40' tooltip_display='']
    Dynamic Fitness-Center GmbH
    Rüeggisingerstrasse 29
    6020 Emmenbrücke
    http://www.dynamic-fitness.ch
    [/av_gmap_location]
    [av_gmap_location address='Elsihof 3' city='Perlen' country='Schweiz' long='8.354268999999931' lat='47.10831' marker='' imagesize='40' tooltip_display='']
    Evolution GYM
    Elsihof 3
    6035 Perlen
    http://www.evolutiongym.ch
    [/av_gmap_location]
    [av_gmap_location address='Buchenstrasse 4' city='Emmenbrücke' country='Schweiz' long='8.286635799999999' lat='47.0702557' marker='' imagesize='40' tooltip_display='']
    Fitwork GmbH
    Buchenstrasse 4
    6020 Emmenbrücke
    http://www.fitwork.ch
    [/av_gmap_location]
    [av_gmap_location address='Rittmeyerstrasse 15' city='St. Gallen' country='Schweiz' long='9.335653099999945' lat='47.4098323' marker='' imagesize='40' tooltip_display='']
    Body Power Fitness
    Rittmeyerstrasse 15
    9014 St. Gallen
    [/av_gmap_location]
    [av_gmap_location address='Seestrasse 5' city='Zürich' country='Schweiz' long='8.53197350000005' lat='47.3652927' marker='' imagesize='40' tooltip_display='']
    bodye EMS Training
    Seestrasse 5
    8002 Zürich
    http://www.bodye.ch
    [/av_gmap_location]
    [av_gmap_location address='Bankstrasse 8' city='Winterthur' country='Schweiz' long='8.725901099999987' lat='47.5005535' marker='' imagesize='40' tooltip_display='']
    City Gym
    Bankstrasse 8
    8400 Winterthur
    http://www.city-gym.ch
    [/av_gmap_location]
    [av_gmap_location address='Zürcherstrasse 113' city='Schlieren' country='Schweiz' long='8.462953900000002' lat='47.39789649999999' marker='' imagesize='40' tooltip_display='']
    David Gym ZH-West
    Zürcherstrasse 113
    8952 Schlieren
    http://www.davidgym.ch
    [/av_gmap_location]
    [av_gmap_location address='Mürtschenstrasse 23' city='Zürich-Altstetten' country='Schweiz' long='8.496377499999994' lat='47.38715' marker='' imagesize='40' tooltip_display='']
    David Gym 48
    Mürtschenstrasse 23
    8048 Zürich-Altstetten
    http://www.davidgym.ch
    [/av_gmap_location]
    [av_gmap_location address='Albisriederstrasse 199a' city='Zürich-Albisrieden' country='Schweiz' long='8.496618000000012' lat='47.3779187' marker='' imagesize='40' tooltip_display='']
    David Gym 47
    Albisriederstrasse 199a
    8047 Zürich-Albisrieden
    http://www.davidgym.ch
    [/av_gmap_location]
    [av_gmap_location address='Mellingerstrasse 2b' city='Baden' country='Schweiz' long='8.305764700000054' lat='47.4719341' marker='' imagesize='40' tooltip_display='']
    Fitnesscenter Baden
    Mellingerstrasse 2b
    5400 Baden
    http://www.fitnesscenterbaden.ch
    [/av_gmap_location]
    [av_gmap_location address='Güterstrasse 90' city='Basel' country='Schweiz' long='7.585676299999932' lat='47.5461408' marker='' imagesize='40']
    Formhaus GmbH
    Güterstrasse 90
    4053 Basel
    http://www.formhaus.ch
    [/av_gmap_location]
    [av_gmap_location address='Schützenmattstrasse 9' city='Basel' country='Schweiz' long='7.582538' lat='47.5569108' marker='' imagesize='40']
    GYM medico GmbH
    Schützenmattstrasse 9
    4051 Basel
    http://www.mft.ch
    [/av_gmap_location]
    [av_gmap_location address='Hohenrainstrasse 2' city='Hochdorf' country='Schweiz' long='8.294386700000018' lat='47.1662849' marker='' imagesize='40']
    MTC Pieter Keulen AG
    Hohenrainstrasse 2
    6280 Hochdorf
    http://www.mtc.ch
    [/av_gmap_location]
    [av_gmap_location address='Seetalstrasse 11' city='Emmenbrücke' country='Schweiz' long='8.284204000000045' lat='47.0708342' marker='' imagesize='40']
    MTC Pieter Keulen AG
    Seetalstrasse 11
    6020 Emmenbrücke
    http://www.mtc.ch
    [/av_gmap_location]
    [av_gmap_location address='Industriestrasse 37a' city='Brügg' country='Schweiz' long='7.267232700000022' lat='47.1223944' marker='' imagesize='40']
    Muay Thai Shadow Boxing Gym
    Industriestrasse 37a
    2555 Brügg
    http://www.mtsb.ch
    [/av_gmap_location]
    [av_gmap_location address='Bahnhofstrasse 8' city='Laufenburg' country='Schweiz' long='8.06048880000003' lat='47.5597688' marker='' imagesize='40']
    physiofitryser gmbH
    Bahnhofstrasse 8
    5080 Laufenburg
    http://www.physiofitryser.ch
    [/av_gmap_location]
    [av_gmap_location address='Grimselweg 5' city='Luzern' country='Schweiz' long='8.312781399999949' lat='47.0428694' marker='' imagesize='40']
    Tribschen-Training Luzern
    Grimselweg 5
    6005 Luzern
    http://www.tribschen-training.ch
    [/av_gmap_location]
    [av_gmap_location address='Brügglistrasse 23' city='Oberwil' country='Schweiz' long='7.549253399999998' lat='47.5143221' marker='' imagesize='40']
    Vibrostar Kompetenzzentrum
    Brügglistrasse 23
    4104 Oberwil
    http://www.vibrostar.ch
    [/av_gmap_location]
    [av_gmap_location address='Stadthausstrasse 43' city='Winterthur' country='Schweiz' long='8.730512599999997' lat='47.5002323' marker='' imagesize='40']
    VIVA für Frauen
    Stadthausstrasse 43
    8400 Winterthur
    http://www.vivafuerfrauen.ch
    [/av_gmap_location]
    [/av_google_map]

    But I only need the Shortcode
    like this [enfold-googlemap-id=1]

    Any idea?

    zehessc
    Participant

    I am currently using an adapted version of style 1 from the documentation here: https://kriesi.at/documentation/enfold/social-share-buttons/.

    This is working perfectly so far. The only issue I cannot figure out myself is the fact, that while having the following code in quick css, title/border are shown on posts but not on pages. The goal is to get rid of that on posts as well.

    Post:
    http://amarlia.com/Misc/post.jpg

    Page:
    http://amarlia.com/Misc/page.jpg

    /*—————————————-
    // CSS – Social Share style – 1
    //————————————–*/

    /* Social share title */
    .av-share-link-description {

    }

    /* Hide tool tip */
    .av-social-sharing-box .avia-related-tooltip {
    display: none !important;
    }

    /* Remove icon border */
    #top .av-social-sharing-box .av-share-box ul li {
    border-left-style: none;
    display: inline-block;
    vertical-align: middle!important;
    }

    /* Icon style */
    #top .av-social-sharing-box .av-share-link a {
    margin: 0 10px 0 0;
    width: 50px!important;
    height: 50px!important;
    border-radius: 30px!important;
    }

    /* Icon Color */
    .av-social-sharing-box .av-share-link a:before {
    color:#FFF;
    transition: all .5s ease;
    }

    /* Icon Color on hover */
    .av-social-sharing-box .av-share-link:hover a:before {
    color:#FFF;
    transition: all .35s ease;
    }

    • This topic was modified 7 years, 2 months ago by Rikard.
    #1025920

    Hi,

    You should add it in the child theme’s functions.php file. Use this css code to remove the theme’s pinterest button.

    .av-share-link.av-social-link-pinterest {
        display: none;
    }

    Or edit the includes > helper-social-media.php file, add the “nopin” attribute on line 236:

    	$this->html .= 		"<a nopin {$blank} href='".$share['url']."' ".av_icon_string($icon)." title='' data-avia-related-tooltip='{$name}'><span class='avia_hidden_link_text'>{$name}</span></a>";
    

    This will exclude the default pinterest button from the script.

    Best regards,
    Ismael

    #1025216

    I have had a hack at the JS in avia.js from within the child theme and achieved 90% of the functionality. example provide privately.
    LINE 2219

    
            bind_events: function()
            {
    	        var click_tooltips		= '.av-click-tooltip [data-'+this.options.data+']';
    			this.scope.on(this.options.event + ' mouseenter', click_tooltips, $.proxy( this.start_countdown, this) );
    			   if(this.options.event != 'click')
    				{
    					this.scope.on('mousedown', click_tooltips, $.proxy( this.hide_tooltip, this) );
    				}
    				else
    				{
    					this.body.on('mouseleave', click_tooltips, $.proxy( this.hide_tooltip, this) );
    				}
      },
    

    mouseenter the hotspot number = tool tip is shown
    mouseleave the hotspot number= tool tip remains open
    mouseenter the hotspot number = tool tip is shown again with a re animated flicker
    Click the hotspot number = tool tip is closed

    This allows for interaction of elements within the tool tip. Not Ideal but it’s a quick hack to show the client.
    I could not work out how to activate the tooltip on ‘click’ as avia-tooltips.js is very similar to avia.js (lines 1565 – 1824 ) have very similar functions. with default event: ‘mouseenter’

    Q1. Please advise which js overrides the other for the image hot spot ‘mouseenter’

    Q2. avia.js line 1570 delayHide: 0, this variable is not used in the js – at all. in avia.js or avia-tooltips.js
    It would be fair to assume that by including the variable delayHide (set at a high value) on the mouseleave event – the tool tip would remain open for a set amount of time. Again allowing for interaction of the html elements in the tooltip.

    Q3. Ultimately I’d like to remove the flicker on the second mouseenter by changing this to a click event to open and close the tool tip. and only have one tooltip open at one time. i.e if another hotspot was clicked the current open tooltip would close and the new tooltip would open.

    Coding Suggestions greatly appreciated

    #1024820
    HuxburyQuinn
    Participant

    2014 – https://kriesi.at/support/topic/tooltips-with-click/
    2015 – https://kriesi.at/support/topic/image-hotspots-clickable-rather-than-on-hover/
    2016 – https://kriesi.at/support/topic/tooltips-with-click-again/

    How to achieve image hotspot tool tip with click – 2018 ?
    I want the image hotspot tool tip remain open allowing for tooltip HTML content buttons clickable etc.
    Tooltip can be closed by clicking the hotspot number or click another tooltip number.
    – – – – – – – – – – – – – – – – – –
    FILES
    enfold/config-templatebuilder/avia-shortcodes/imagehotspots.php
    enfold/js/avia.js
    enfold/config-templatebuilder/avia-template-builder/assets/js/avia-modal.js

    – – – – – – – – – – – – – – – – – –
    ADD new OPTION
    enfold/config-templatebuilder/avia-shortcodes/imagehotspots.php line 285

    As this is not a part of the theme release – how do I change this from the child theme?

    						
    "subtype" => array(
    __('On Mouse Hover', 'avia_framework' ) =>'',
    /*add new option click*/ __('On Mouse Click', 'avia_framework' ) =>'av-click-tooltip',
    __('Always',		 'avia_framework' ) =>'av-permanent-tooltip',
    )
    ),
    

    – – – – – – – – – – – – – – – – – –
    How to add a click function ?
    Could we just duplicate this function and change the var, class and events ?
    where can this file be copied to in the child theme?

    enfold/js/avia.js line 2217

        $.AviaTooltip.prototype =
        {
            bind_events: function()
            {
    	        var perma_tooltips		= '.av-permanent-tooltip [data-'+this.options.data+']',
    	        	default_tooltips	= '[data-'+this.options.data+']:not( .av-permanent-tooltip [data-'+this.options.data+'])';	        
    	        this.scope.on('av_permanent_show', perma_tooltips, $.proxy( this.display_tooltip, this) );
    	        $(perma_tooltips).addClass('av-perma-tooltip').trigger('av_permanent_show');	        
    			this.scope.on(this.options.event + ' mouseleave', default_tooltips, $.proxy( this.start_countdown, this) );	        
                if(this.options.event != 'click')
                {
                    this.scope.on('mouseleave', default_tooltips, $.proxy( this.hide_tooltip, this) );
                }
                else
                {
                    this.body.on('mousedown', $.proxy( this.hide_tooltip, this) );
                }
    

    – – – – – – – – – – – – – – – – – –
    how do i add a click event ?
    enfold/config-templatebuilder/avia-template-builder/assets/js/avia-modal.js line 892

    
       			/*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');
       				});   			
       				/*highlight the modal sub el when hotspot is hovered*/
       				_self.hotspot_container.on('mouseenter', '.av-image-hotspot', function()
       				{
       					var el = $(this).data('modal_sub_el');
       					if(el) el.addClass('av-highlight-subel');
       				});
       				_self.hotspot_container.on('mouseleave', '.av-image-hotspot', function()
       				{
       					var el = $(this).data('modal_sub_el');
       					if(el) el.removeClass('av-highlight-subel');
       				});   				
       				/*highlight the hotspot when modal sub el is hovered*/
       				_self.modal_group.on('mouseenter', '.avia-modal-group-element', function()
       				{
       					var el = $(this).data('hotspot');
       					if(el) el.addClass('active_tooltip');
       				});
       				_self.modal_group.on('mouseleave', '.avia-modal-group-element', function()
       				{
       					var el = $(this).data('hotspot');
       					if(el) el.removeClass('active_tooltip');
       				});
    

    your assistance in implementing this would be greatly appreciated.

    Including this in the next Enfolds update would be fantastic!

    #1020922

    Hi,

    Glad we could help! For different topics please open a new ticket.

    You may also find the solution for tooltips and other customizations in our docs, please bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

    #1020918

    Thanks, that’s perfect. I had been trying several things before that weren’t working properly! BTW, your solution worked in Quick CSS. I may have some similar question on tooltips and captions but will try myself first. Thanks again. Regards, s29ers.

    #1019485

    Hi,
    I assume that you would like to remove this for the whole site, in that case, Please try this code in the General Styling > Quick CSS field:

    .avia-tooltip.avia-tt {display: none !important;}

    Best regards,
    Mike

    #1019327

    Hi,

    The tooltip and the lightbox caption requires the title attribute so removing that particular attribute will affect both. Try to create a script that removes the title attribute on “mouseover” and then brings it back on “mouseout”.

    Example here: https://stackoverflow.com/questions/8948113/mouseover-and-mouseout-events-jquery

    Best regards,
    Ismael

    #1019323

    In reply to: Horizontal tooltip

    Hi,

    That is possible. However, you need to modify one of the shortcode files in the config-templabuilder > aviashortcodes > gallery > gallery.php file. Look for this code around line 321:

    $tooltip = $caption ? "data-avia-tooltip='".$caption."'" : "";
    

    Replace it with:

    $tooltip = $caption ? "data-avia-tooltip-alignment='left' data-avia-tooltip-class='av-tt-default-width av-tt-pos-above av-tt-align-left  av-mobile-fallback-active av-tt-hotspot' data-avia-tooltip='".$caption."'" : "";
    

    Best regards,
    Ismael

    #1018655
    Maskenzauber
    Participant

    Hi
    ypur “Social media sharing script” does do this:
    <a target="_blank" href="https://twitter.com/share?text=..........................&url=https://www........./?p=22174" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="" data-avia-related-tooltip="Teilen auf Twitter"><span class="avia_hidden_link_text">Teilen auf Twitter</span></a>

    It takes only the title of the page/post to share.
    Its much better (most newspaper/blogs do that) to use something like this:
    href="https://twitter.com/share?text=..........................<strong>&description=herecomesthedescriptiontext</strong>&url=https://www........./?p=22174"

    How can this be done? (!!Child-theme!!)
    PS: I am using Yoast-SEO and already give title & description so it would be the best to pull these elements for the task

    Maren

    #1018617

    In reply to: Horizontal tooltip

    Hello
    I have a similar question and have been searching the forums without luck. On a gallery tooltip, the arrow is the centre of the tooltip. How can I move that to one end and the tooltip over so left edge of tooltip is aligned iwth left edge of thumbnail. Please see screenshot in below section.

    I can change the tooltip size with
    .avia-tooltip { width: 280px }
    but can’t move its location.

    Also, how to modify this if I need to, to only affect one or two pages instead of all.

    Thanks

    • This reply was modified 7 years, 3 months ago by s29ers.
    #1018588

    Hello

    I’ve been trying several of these methods to hide captions that show when you hover over a hotspot (image) and thumbnails in a gallery, and none are working properly for me so appreciate help.

    a) I want to keep tooltips that occur when i hover over a hotspot in an image which I use on several pages.

    b) In a gallery on many pages (not masonry etc.) when I add a caption, that is shown as a box when I hover over a gallery thumbnail and also shown when the thumbnail opens in the lightbox as an overlay on its bottom. I want to keep the caption in the lightbox and remove the caption shown when I hover over the thumbnail. You can see this in my link below.

    I tried the CSS below, but it removed all captions when I hovered and for a) and in b) above, including the lightbox.
    .avia-gallery-thumb:hover .avia-tooltip {
    opacity: 0;
    display: none !important;
    }

    Then I removed that CSS and tried the code below in functions.php of child theme but did the opposite – it kept the caption display when I hovered over the thumbnail in the gallery or over a hotspot, but removed captions from the lightbox.
    function remove_title_attr(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery(‘#wrap_all img.avia_image, #wrap_all .avia-gallery-thumb img, #wrap_all .avia-gallery-thumb a’).removeAttr(‘title’);
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘remove_title_attr’);

    Please advise.
    Thanks

    #1016229

    Hi,

    You can try to add following code to the child theme functions.php – it will add a rel=nofollow attribute to the search icon in the menu and will discourage search engines to follow/index the /?s url of the search icon.

    
    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=" rel="nofollow" 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,
    Peter

    #1016160

    Hey Constanez,

    Yes, there is a possibility to add images to the hotspot tooltip
    Image 2018-09-29 at 21.12.47.png

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

    #1014902

    Hi,

    You can try to add following code to the child theme functions.php – it will add a rel=nofollow attribute to the search icon in the menu

    
    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=" rel="nofollow" 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,
    Peter

    #1014504
    curatebee
    Participant

    Hello i just wanted to know how to create this function show on this page https://kriesi.at/themes/enfold-2017/pages/services/#amazing-support under our services with the icons, i can’t seem to figure it out or find a solution. Thanks

    #1013648
    jesperriege
    Participant

    Hi,
    Is it possible to manage the tooltip regarding size, position, appearance etc?

    Thx,
    Jesper

    #1011662

    Hey Daan88,

    Please use this code for the gallery.php:

    
    <?php
    /**
     * Gallery
     * 
     * Shortcode that allows to create a gallery based on images selected from the media library
     */
    if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly
    
    if ( !class_exists( 'avia_sc_gallery' ) )
    {
    	class avia_sc_gallery extends aviaShortcodeTemplate
    	{
    			static $gallery = 0;
    			var $extra_style = "";
    			var $non_ajax_style = "";
    
    			/**
    			 * Create the config array for the shortcode button
    			 */
    			function shortcode_insert_button()
    			{
    				$this->config['self_closing']	=	'yes';
    
    				$this->config['name']			= __('Gallery', 'avia_framework' );
    				$this->config['tab']			= __('Media Elements', 'avia_framework' );
    				$this->config['icon']			= AviaBuilder::$path['imagesURL']."sc-gallery.png";
    				$this->config['order']			= 6;
    				$this->config['target']			= 'avia-target-insert';
    				$this->config['shortcode'] 		= 'av_gallery';
    				$this->config['modal_data']     = array('modal_class' => 'mediumscreen');
    				$this->config['tooltip']        = __('Creates a custom gallery', 'avia_framework' );
    				$this->config['preview'] 		= 1;
    				$this->config['disabling_allowed'] = 'manually'; //only allowed manually since the default [gallery shortcode] is also affected
    			}
    
    			function extra_assets()
    			{
    				//load css
    				wp_enqueue_style( 'avia-module-gallery' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/gallery/gallery.css' , array('avia-layout'), false );
    
    				wp_enqueue_script( 'avia-module-gallery' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/gallery/gallery.js' , array('avia-shortcodes'), false, 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(
    							"name" 	=> __("Edit Gallery",'avia_framework' ),
    							"desc" 	=> __("Create a new Gallery by selecting existing or uploading new images",'avia_framework' ),
    							"id" 	=> "ids",
    							"type" 	=> "gallery",
    							"title" => __("Add/Edit Gallery",'avia_framework' ),
    							"button" => __("Insert Images",'avia_framework' ),
    							"std" 	=> ""),
    
    					array(
    							"name" 	=> __("Gallery Style", 'avia_framework' ),
    							"desc" 	=> __("Choose the layout of your Gallery", 'avia_framework' ),
    							"id" 	=> "style",
    							"type" 	=> "select",
    							"std" 	=> "thumbnails",
    							"subtype" => array(
    												__('Small Thumbnails',  'avia_framework' ) =>'thumbnails',
    												__('Big image with thumbnails below', 'avia_framework' ) =>'big_thumb',
    												__('Big image only, other images can be accessed via lightbox', 'avia_framework' ) =>'big_thumb lightbox_gallery',
    												)
    							),
    
    					array(
    							"name" 	=> __("Gallery Big Preview Image Size", 'avia_framework' ),
    							"desc" 	=> __("Choose image size for the Big Preview Image", 'avia_framework' ),
    							"id" 	=> "preview_size",
    							"type" 	=> "select",
    							"std" 	=> "portfolio",
    							"required" 	=> array('style','contains','big_thumb'),
    							"subtype" =>  AviaHelper::get_registered_image_sizes(array('logo'))
    							),
    
    					array(
    							"name" 	=> __("Force same size for all big preview images?", 'avia_framework' ),
    							"desc" 	=> __("Depending on the size you selected above, preview images might differ in size. Should the theme force them to display at exactly the same size?", 'avia_framework' ),
    							"id" 	=> "crop_big_preview_thumbnail",
    							"type" 	=> "select",
    							"std" 	=> "yes",
    							"required" 	=> array('style','equals','big_thumb'),
    							"subtype" =>  array(__('Yes, force same size on all Big Preview images, even if they use a different aspect ratio', 'avia_framework') => 'avia-gallery-big-crop-thumb', __('No, do not force the same size', 'avia_framework') => 'avia-gallery-big-no-crop-thumb')),
    
    					array(
                            "name" 	=> __("Gallery Preview Image Size", 'avia_framework' ),
                            "desc" 	=> __("Choose image size for the small preview thumbnails", 'avia_framework' ),
                            "id" 	=> "thumb_size",
                            "type" 	=> "select",
                            "std" 	=> "portfolio",
    							"required" 	=> array('style','not','big_thumb lightbox_gallery'),
                            "subtype" =>  AviaHelper::get_registered_image_sizes(array('logo'))
                        ),
    
    					array(
    							"name" 	=> __("Thumbnail Columns", 'avia_framework' ),
    							"desc" 	=> __("Choose the column count of your Gallery", 'avia_framework' ),
    							"id" 	=> "columns",
    							"type" 	=> "select",
    							"std" 	=> "5",
    							"required" 	=> array('style','not','big_thumb lightbox_gallery'),
    							"subtype" => AviaHtmlHelper::number_array(1,12,1)
    							),
    
    					array(
    	                        "name" 	=> __("Use Lighbox", 'avia_framework' ),
    	                        "desc" 	=> __("Do you want to activate the lightbox", 'avia_framework' ),
    	                        "id" 	=> "imagelink",
    	                        "type" 	=> "select",
    	                        "std" 	=> "5",
    							"required" 	=> array('style','not','big_thumb lightbox_gallery'),
    	                        "subtype" => array(
    	                            __('Yes',  'avia_framework' ) =>'lightbox',
    	                            __('No, open the images in the browser window', 'avia_framework' ) =>'aviaopeninbrowser noLightbox',
    	                            __('No, open the images in a new browser window/tab', 'avia_framework' ) =>'aviaopeninbrowser aviablank noLightbox',
    	                            __('No, don\'t add a link to the images at all', 'avia_framework' ) =>'avianolink noLightbox')
    	                    	),
    
    	                    array(
    		                        "name" 	=> __("Thumbnail fade in effect", 'avia_framework' ),
    		                        "desc" 	=> __("You can set when the gallery thumbnail animation starts", 'avia_framework' ),
    		                        "id" 	=> "lazyload",
    		                        "type" 	=> "select",
    		                        "std" 	=> "avia_lazyload",
    							"required" 	=> array('style','not','big_thumb lightbox_gallery'),
    		                        "subtype" => array(
    		                            __('Show the animation when user scrolls to the gallery',  'avia_framework' ) =>'avia_lazyload',
    		                            __('Activate animation on page load (might be preferable on large galleries)', 'avia_framework' ) =>'deactivate_avia_lazyload')
    		                    ),
    
    							array(
    									"type" 	=> "close_div",
    									'nodescription' => true
    								),	
    
    		                	array(
    									"type" 	=> "tab",
    									"name"	=> __("Screen Options",'avia_framework' ),
    									'nodescription' => true
    								),
    
    								array(
    								"name" 	=> __("Element Visibility",'avia_framework' ),
    								"desc" 	=> __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ),
    								"type" 	=> "heading",
    								"description_class" => "av-builder-note av-neutral",
    								),
    
    								array(	
    										"desc" 	=> __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'),
    										"id" 	=> "av-desktop-hide",
    										"std" 	=> "",
    										"container_class" => 'av-multi-checkbox',
    										"type" 	=> "checkbox"),
    
    								array(	
    
    										"desc" 	=> __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'),
    										"id" 	=> "av-medium-hide",
    										"std" 	=> "",
    										"container_class" => 'av-multi-checkbox',
    										"type" 	=> "checkbox"),
    
    								array(	
    
    										"desc" 	=> __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'),
    										"id" 	=> "av-small-hide",
    										"std" 	=> "",
    										"container_class" => 'av-multi-checkbox',
    										"type" 	=> "checkbox"),
    
    								array(	
    
    										"desc" 	=> __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'),
    										"id" 	=> "av-mini-hide",
    										"std" 	=> "",
    										"container_class" => 'av-multi-checkbox',
    										"type" 	=> "checkbox"),
    
    							array(
    									"type" 	=> "close_div",
    									'nodescription' => true
    								),	
    
    						array(
    							"type" 	=> "close_div",
    							'nodescription' => true
    						),	
    
    						);
    
    			}
    
    			/**
    			 * 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 = "")
    			{
    
    	        	extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes 
    
    				$output  = "";
    				$first   = true;
    
    				if(empty($atts['columns']) && isset($atts['ids']))
    				{
    					$atts['columns'] = count(explode(",", $atts['ids']));
    					if($atts['columns'] > 10) { $atts['columns'] = 10; }
    				}
    
    				extract(shortcode_atts(array(
    				'order'      	=> 'ASC',
    				'thumb_size' 	=> 'thumbnail',
    				'size' 			=> '',
    				'lightbox_size' => 'large',
    				'preview_size'	=> 'portfolio',
    				'ids'    	 	=> '',
    				'ajax_request'	=> false,
    				'imagelink'     => 'lightbox',
    				'style'			=> 'thumbnails',
    				'columns'		=> 5,
                    'lazyload'      => 'avia_lazyload',
                    'crop_big_preview_thumbnail' => 'avia-gallery-big-crop-thumb'
    				), $atts, $this->config['shortcode']));
    
    				$attachments = get_posts(array(
    				'include' => $ids,
    				'post_status' => 'inherit',
    				'post_type' => 'attachment',
    				'post_mime_type' => 'image',
    				'order' => $order,
    				'orderby' => 'post__in')
    				);
    
    				//compatibility mode for default wp galleries
    				if(!empty($size)) $thumb_size = $size;
    
    				if('big_thumb lightbox_gallery' == $style)
    				{
    					$imagelink = 'lightbox';
    					$lazyload  = 'deactivate_avia_lazyload';
    					$meta['el_class'] .= " av-hide-gallery-thumbs";
    				}
    
    				if(!empty($attachments) && is_array($attachments))
    				{
    					self::$gallery++;
    					$thumb_width = round(100 / $columns, 4);
    
                        $markup = avia_markup_helper(array('context' => 'image','echo'=>false, 'custom_markup'=>$meta['custom_markup']));
    					$output .= "
    <div class='avia-gallery {$av_display_classes} avia-gallery-".self::$gallery." ".$lazyload." avia_animate_when_visible ".$meta['el_class']."' $markup>";
    					$thumbs = "";
    					$counter = 0;
    
    					foreach($attachments as $attachment)
    					{
    						$link	 =  apply_filters('avf_avia_builder_gallery_image_link', wp_get_attachment_image_src($attachment->ID, $lightbox_size), $attachment, $atts, $meta);
    						$custom_link_class = !empty($link['custom_link_class']) ? $link['custom_link_class'] : '';
    						$class	 = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'";
    						$img  	 = wp_get_attachment_image_src($attachment->ID, $thumb_size);
    						$prev	 = wp_get_attachment_image_src($attachment->ID, $preview_size);
    
    						$caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : "";
    						$tooltip = $caption ? "data-avia-tooltip='".$caption."'" : "";
    
                            $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
                            $alt = !empty($alt) ? esc_attr($alt) : '';
                            $title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : "";
                            $description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : esc_attr(trim($attachment->post_excerpt));
    
                            $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'id'=>$attachment->ID, 'custom_markup'=>$meta['custom_markup']));
    
    						if( strpos($style, "big_thumb") !== false && $first)
    						{
    							$big_thumb = "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."'  data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>";
    							$big_thumb .= "	<img width='".$prev[1]."' height='".$prev[2]."' src='".$prev[0]."' title='".$title."' alt='".$alt."' />";
    			   if($caption) $big_thumb .= "	<span class='avia-gallery-caption'>{$caption}</span>";
    							$big_thumb .= "</span></a>";
    						}
    
    						$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."'  title='".$title."' alt='".$alt."' /></a>";
    
    						$first = false;
    					}
    
    					$output .= "
    <div class='avia-gallery-thumb'>{$thumbs}</div>
    {$big_thumb}";
    					$output .= "</div>
    ";
    
    					$selector = !empty($atts['ajax_request']) ? ".ajax_slide" : "";
    
    					//generate thumb width based on columns
    					$this->extra_style .= "<style type='text/css'>";
    					$this->extra_style .= "#top #wrap_all {$selector} .avia-gallery-".self::$gallery." .avia-gallery-thumb a{width:{$thumb_width}%;}";
    					$this->extra_style .= "</style>";
    
    					if(!empty($this->extra_style))
    					{
    
    						if(!empty($atts['ajax_request']) || !empty($_POST['avia_request']))
    						{
    							$output .= $this->extra_style;
    							$this->extra_style = "";
    						}
    						else
    						{
    							$this->non_ajax_style = $this->extra_style;
    							add_action('wp_footer', array($this, 'print_extra_style'));
    						}
    					}
    
    				}
    
    				return $output;
    			}
    
    			function print_extra_style()
    			{
    				echo $this->non_ajax_style;
    			}
    
    	}
    }
    
    

    and add this code to the quick css field:

    
    #top div .avia-gallery .avia-gallery-big {
        width: 100%;
    }
    

    Best regards,
    Peter

    #1011575
    Daan88
    Participant

    Hello,
    I’m using the gallery function as a big image with the thumbnails below, but I would like to move them above the image. I’m only a novice with PHP but I almost got it to work, but there is still something going wrong. It only shows 1 thumbnail above, and the big image gets a link/caption of the next thumbnail. I think it doesn’t close a certain <div> or something. I feel like I’m really close so it would be awesome if you could have quick look!

    Original:

    
    					foreach($attachments as $attachment)
    					{
    						$link	 =  apply_filters('avf_avia_builder_gallery_image_link', wp_get_attachment_image_src($attachment->ID, $lightbox_size), $attachment, $atts, $meta);
    						$custom_link_class = !empty($link['custom_link_class']) ? $link['custom_link_class'] : '';
    						$class	 = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'";
    						$img  	 = wp_get_attachment_image_src($attachment->ID, $thumb_size);
    						$prev	 = wp_get_attachment_image_src($attachment->ID, $preview_size);
    
    						$caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : "";
    						$tooltip = $caption ? "data-avia-tooltip='".$caption."'" : "";
    
                            $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
                            $alt = !empty($alt) ? esc_attr($alt) : '';
                            $title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : "";
                            $description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : esc_attr(trim($attachment->post_excerpt));
    
                            $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'id'=>$attachment->ID, 'custom_markup'=>$meta['custom_markup']));
    
    						if( strpos($style, "big_thumb") !== false && $first)
    						
    
    // 						Big image
    
    						{
    							$output .= "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."'  data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>";
    							$output .= "	<img width='".$prev[1]."' height='".$prev[2]."' src='".$prev[0]."' title='".$title."' alt='".$alt."' />";
    			   if($caption) $output .= "	<span class='avia-gallery-caption'>{$caption}</span>";
    							$output .= "</span></a>";
    						}
    						
    // 						End Big image
    						
    						
    // 						Start thumbnails
    
    						$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."'  title='".$title."' alt='".$alt."' /></a>";
    						$first = false;
    					}
    
    					$output .= "<div class='avia-gallery-thumb'>{$thumbs}</div>";
    					$output .= "</div>";
    					
    					$selector = !empty($atts['ajax_request']) ? ".ajax_slide" : "";
    					
    					//generate thumb width based on columns
    					$this->extra_style .= "<style type='text/css'>";
    					$this->extra_style .= "#top #wrap_all {$selector} .avia-gallery-".self::$gallery." .avia-gallery-thumb a{width:{$thumb_width}%;}";
    					$this->extra_style .= "</style>";
    					
    					if(!empty($this->extra_style))
    					{
    						
    						if(!empty($atts['ajax_request']) || !empty($_POST['avia_request']))
    						{
    							$output .= $this->extra_style;
    							$this->extra_style = "";
    						}
    						else
    						{
    							$this->non_ajax_style = $this->extra_style;
    							add_action('wp_footer', array($this, 'print_extra_style'));
    						}
    					}
    					
    // 					End thumbnails
    
    				}
    
    				return $output;
    			}
    
    			function print_extra_style()
    			{
    				echo $this->non_ajax_style;
    			}
    
    	}
    }
    

    My gallery.php:

    foreach($attachments as $attachment)
    					{
    						$link	 =  apply_filters('avf_avia_builder_gallery_image_link', wp_get_attachment_image_src($attachment->ID, $lightbox_size), $attachment, $atts, $meta);
    						$custom_link_class = !empty($link['custom_link_class']) ? $link['custom_link_class'] : '';
    						$class	 = $counter++ % $columns ? "class='$imagelink $custom_link_class'" : "class='first_thumb $imagelink $custom_link_class'";
    						$img  	 = wp_get_attachment_image_src($attachment->ID, $thumb_size);
    						$prev	 = wp_get_attachment_image_src($attachment->ID, $preview_size);
    
    						$caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : "";
    						$tooltip = $caption ? "data-avia-tooltip='".$caption."'" : "";
    
                            $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
                            $alt = !empty($alt) ? esc_attr($alt) : '';
                            $title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : "";
                            $description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : esc_attr(trim($attachment->post_excerpt));
    
                            $markup_url = avia_markup_helper(array('context' => 'image_url','echo'=>false, 'id'=>$attachment->ID, 'custom_markup'=>$meta['custom_markup']));
    
    						if( strpos($style, "big_thumb") !== false && $first)
    						// 						Begin Thumnails
    
    						$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."'  title='".$title."' alt='".$alt."' /></a>";
    						$first = false;
    					}
    
    					$output .= "<div class='avia-gallery-thumb'>{$thumbs}</div>";
    					$output .= "</div>";
    					
    					$selector = !empty($atts['ajax_request']) ? ".ajax_slide" : "";
    					
    					//generate thumb width based on columns
    					$this->extra_style .= "<style type='text/css'>";
    					$this->extra_style .= "#top #wrap_all {$selector} .avia-gallery-".self::$gallery." .avia-gallery-thumb a{width:{$thumb_width}%;}";
    					$this->extra_style .= "</style>";
    					
    					if(!empty($this->extra_style))
    					{
    						
    						if(!empty($atts['ajax_request']) || !empty($_POST['avia_request']))
    						{
    							$output .= $this->extra_style;
    							$this->extra_style = "";
    						}
    						else
    						{
    							$this->non_ajax_style = $this->extra_style;
    							add_action('wp_footer', array($this, 'print_extra_style'));
    						}
    					}
    					
    // 					END thumbnails
    
    // 						Start Big image
    
    						{
    							$output .= "<a class='avia-gallery-big fakeLightbox $imagelink $crop_big_preview_thumbnail $custom_link_class' href='".$link[0]."'  data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner' $markup_url>";
    							$output .= "	<img width='".$prev[1]."' height='".$prev[2]."' src='".$prev[0]."' title='".$title."' alt='".$alt."' />";
    			   if($caption) $output .= "	<span class='avia-gallery-caption'>{$caption}</span>";
    							$output .= "</span></a>";
    						}
    // 						End Big image
    						
    
    				}
    
    				return $output;
    			}
    
    			function print_extra_style()
    			{
    				echo $this->non_ajax_style;
    			}
    
    	}
    }
    
    

    Thanks in advance!
    Daan

    #1010582

    Topic: z-index assistance

    in forum Enfold
    Briana
    Participant

    Hello Gurus,

    I am using Masterslider for my client’s website and am having an issue where my hotspot tooltips (within Masterslider) are always appearing behind any text and images in the sections below it and I can’t seem to force z-index the order to resolve this.

    I am not the most familiar with affecting z-index so I was hoping you could assist me.

    See website information in Private Content section.

    #1009681
    ChristineGerman
    Participant

    I’m using a child theme that I originally followed from advice in the thread below:

    I want the Blog Post Grid Layout to display the title, then below the Author (original author of the post) and date. Right now for some reason, the author is being populated as the same author for all the posts in a given section…it seems like it may be taking the author who made the most recent post. But each article is being written by a different student, so it needs to display the actual author of that individual post (taken from the Author section in the back end when you look at Posts).

    The error is especially noticable in the “Latest” section on the homepage of my site.

    The shortcodes file altering this element is below, and titled postslider.php:

    <?php
    /**
    * Post Slider
    *
    * Display a Slideshow of Post Entries
    * Element is in Beta and by default disabled. Todo: test with layerslider elements. currently throws error bc layerslider is only included if layerslider element is detected which is not the case with the post/page element
    */
    if ( ! defined( ‘ABSPATH’ ) ) { exit; } // Exit if accessed directly

    if ( !class_exists( ‘avia_sc_postslider’ ))
    {
    class avia_sc_postslider extends aviaShortcodeTemplate
    {

    /**
    * Create the config array for the shortcode button
    */
    function shortcode_insert_button()
    {
    $this->config[‘self_closing’] = ‘yes’;

    $this->config[‘name’] = __(‘Post Slider’, ‘avia_framework’ );
    $this->config[‘tab’] = __(‘Content Elements’, ‘avia_framework’ );
    $this->config[‘icon’] = AviaBuilder::$path[‘imagesURL’].”sc-postslider.png”;
    $this->config[‘order’] = 30;
    $this->config[‘target’] = ‘avia-target-insert’;
    $this->config[‘shortcode’] = ‘av_postslider’;
    $this->config[‘tooltip’] = __(‘Display a Slideshow of Post Entries’, ‘avia_framework’ );
    $this->config[‘drag-level’] = 3;
    }

    /**
    * 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(
    “name” => __(“Which Entries?”, ‘avia_framework’ ),
    “desc” => __(“Select which entries should be displayed by selecting a taxonomy”, ‘avia_framework’ ),
    “id” => “link”,
    “fetchTMPL” => true,
    “type” => “linkpicker”,
    “subtype” => array( __(‘Display Entries from:’, ‘avia_framework’ )=>’taxonomy’),
    “multiple” => 6,
    “std” => “category”
    ),

    array(
    “name” => __(“WooCommerce Product visibility?”, ‘avia_framework’ ),
    “desc” => __(“Select the visibility of WooCommerce products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Inventory -&gt Out of stock visibility”, ‘avia_framework’ ),
    “id” => “wc_prod_visible”,
    “type” => “select”,
    “std” => “”,
    “required” => array( ‘link’, ‘parent_in_array’, implode( ‘ ‘, get_object_taxonomies( ‘product’, ‘names’ ) ) ),
    “subtype” => array(
    __(‘Use default WooCommerce Setting (Settings -> Products -> Out of stock visibility)’, ‘avia_framework’ ) => ”,
    __(‘Hide products out of stock’, ‘avia_framework’ ) => ‘hide’,
    __(‘Show products out of stock’, ‘avia_framework’ ) => ‘show’)
    ),

    array(
    “name” => __( “Sorting Options”, ‘avia_framework’ ),
    “desc” => __( “Here you can choose how to sort the products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Display -&gt Default product sorting”, ‘avia_framework’ ),
    “id” => “prod_order_by”,
    “type” => “select”,
    “std” => “”,
    “required” => array( ‘link’, ‘parent_in_array’, implode( ‘ ‘, get_object_taxonomies( ‘product’, ‘names’ ) ) ),
    “subtype” => array(
    __(‘Use defaut (defined at Woocommerce -> Settings -&gt Default product sorting) ‘, ‘avia_framework’ ) => ”,
    __(‘Sort alphabetically’, ‘avia_framework’ ) => ‘title’,
    __(‘Sort by most recent’, ‘avia_framework’ ) => ‘date’,
    __(‘Sort by price’, ‘avia_framework’ ) => ‘price’,
    __(‘Sort by popularity’, ‘avia_framework’ ) => ‘popularity’,
    __(‘Sort randomly’, ‘avia_framework’ ) => ‘rand’
    )
    ),

    array(
    “name” => __( “Sorting Order”, ‘avia_framework’ ),
    “desc” => __( “Here you can choose the order of the result products. Default setting can be set at Woocommerce -&gt Settings -&gt Products -&gt Display -&gt Default product sorting”, ‘avia_framework’ ),
    “id” => “prod_order”,
    “type” => “select”,
    “std” => “”,
    “required” => array( ‘link’, ‘parent_in_array’, implode( ‘ ‘, get_object_taxonomies( ‘product’, ‘names’ ) ) ),
    “subtype” => array(
    __(‘Use defaut (defined at Woocommerce -&gt Settings -&gt Default product sorting)’, ‘avia_framework’ ) => ”,
    __(‘Ascending’, ‘avia_framework’ ) => ‘ASC’,
    __(‘Descending’, ‘avia_framework’ ) => ‘DESC’
    )
    ),

    array(
    “name” => __(“Columns”, ‘avia_framework’ ),
    “desc” => __(“How many columns should be displayed?”, ‘avia_framework’ ),
    “id” => “columns”,
    “type” => “select”,
    “std” => “3”,
    “subtype” => array( __(‘1 Columns’, ‘avia_framework’ )=>’1′,
    __(‘2 Columns’, ‘avia_framework’ )=>’2′,
    __(‘3 Columns’, ‘avia_framework’ )=>’3′,
    __(‘4 Columns’, ‘avia_framework’ )=>’4′,
    __(‘5 Columns’, ‘avia_framework’ )=>’5′,
    )),
    array(
    “name” => __(“Entry Number”, ‘avia_framework’ ),
    “desc” => __(“How many items should be displayed?”, ‘avia_framework’ ),
    “id” => “items”,
    “type” => “select”,
    “std” => “9”,
    “subtype” => AviaHtmlHelper::number_array(1,100,1, array(‘All’=>’-1′))),

    array(
    “name” => __(“Offset Number”, ‘avia_framework’ ),
    “desc” => __(“The offset determines where the query begins pulling posts. Useful if you want to remove a certain number of posts because you already query them with another post slider element.”, ‘avia_framework’ ),
    “id” => “offset”,
    “type” => “select”,
    “std” => “0”,
    “subtype” => AviaHtmlHelper::number_array(1,100,1, array(__(‘Deactivate offset’,’avia_framework’)=>’0′, __(‘Do not allow duplicate posts on the entire page (set offset automatically)’, ‘avia_framework’ ) =>’no_duplicates’))),

    array(
    “name” => __(“Title and Excerpt”,’avia_framework’ ),
    “desc” => __(“Choose if you want to only display the post title or title and excerpt”,’avia_framework’ ),
    “id” => “contents”,
    “type” => “select”,
    “std” => “excerpt”,
    “subtype” => array(
    __(‘Title and Excerpt’, ‘avia_framework’ ) =>’excerpt’,
    __(‘Title and Excerpt + Read More Link’, ‘avia_framework’ ) =>’excerpt_read_more’,
    __(‘Only Title’, ‘avia_framework’ ) =>’title’,
    __(‘Only Title + Read More Link’, ‘avia_framework’ ) =>’title_read_more’,
    __(‘Only excerpt’, ‘avia_framework’ ) =>’only_excerpt’,
    __(‘Only excerpt + Read More Link’, ‘avia_framework’ ) =>’only_excerpt_read_more’,
    __(‘No Title and no excerpt’, ‘avia_framework’ ) =>’no’)),

    array(
    “name” => __(“Preview Image Size”, ‘avia_framework’ ),
    “desc” => __(“Set the image size of the preview images”, ‘avia_framework’ ),
    “id” => “preview_mode”,
    “type” => “select”,
    “std” => “auto”,
    “subtype” => array(__(‘Set the preview image size automatically based on column width’,’avia_framework’ ) =>’auto’,__(‘Choose the preview image size manually (select thumbnail size)’,’avia_framework’ ) =>’custom’)),

    array(
    “name” => __(“Select custom preview image size”, ‘avia_framework’ ),
    “desc” => __(“Choose image size for Preview Image”, ‘avia_framework’ ),
    “id” => “image_size”,
    “type” => “select”,
    “required” => array(‘preview_mode’,’equals’,’custom’),
    “std” => “portfolio”,
    “subtype” => AviaHelper::get_registered_image_sizes(array(‘logo’))
    ),

    /*
    array(
    “name” => __(“Post Slider Transition”, ‘avia_framework’ ),
    “desc” => __(“Choose the transition for your Post Slider.”, ‘avia_framework’ ),
    “id” => “animation”,
    “type” => “select”,
    “std” => “fade”,
    “subtype” => array(__(‘Slide’,’avia_framework’ ) =>’slide’,__(‘Fade’,’avia_framework’ ) =>’fade’),
    ),
    */

    array(
    “name” => __(“Autorotation active?”,’avia_framework’ ),
    “desc” => __(“Check if the slideshow should rotate by default”,’avia_framework’ ),
    “id” => “autoplay”,
    “type” => “select”,
    “std” => “no”,
    “subtype” => array(__(‘Yes’,’avia_framework’ ) =>’yes’,__(‘No’,’avia_framework’ ) =>’no’)),

    array(
    “name” => __(“Slideshow autorotation duration”,’avia_framework’ ),
    “desc” => __(“Slideshow will rotate every X seconds”,’avia_framework’ ),
    “id” => “interval”,
    “type” => “select”,
    “std” => “5”,
    “required” => array(‘autoplay’,’equals’,’yes’),
    “subtype” =>
    array(‘3’=>’3′,’4’=>’4′,’5’=>’5′,’6’=>’6′,’7’=>’7′,’8’=>’8′,’9’=>’9′,’10’=>’10’,’15’=>’15’,’20’=>’20’,’30’=>’30’,’40’=>’40’,’60’=>’60’,’100’=>’100′)),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “tab”,
    “name” => __(“Screen Options”,’avia_framework’ ),
    ‘nodescription’ => true
    ),

    array(
    “name” => __(“Element Visibility”,’avia_framework’ ),
    “desc” => __(“Set the visibility for this element, based on the device screensize.”, ‘avia_framework’ ),
    “type” => “heading”,
    “description_class” => “av-builder-note av-neutral”,
    ),

    array(
    “desc” => __(“Hide on large screens (wider than 990px – eg: Desktop)”, ‘avia_framework’),
    “id” => “av-desktop-hide”,
    “std” => “”,
    “container_class” => ‘av-multi-checkbox’,
    “type” => “checkbox”),

    array(

    “desc” => __(“Hide on medium sized screens (between 768px and 989px – eg: Tablet Landscape)”, ‘avia_framework’),
    “id” => “av-medium-hide”,
    “std” => “”,
    “container_class” => ‘av-multi-checkbox’,
    “type” => “checkbox”),

    array(

    “desc” => __(“Hide on small screens (between 480px and 767px – eg: Tablet Portrait)”, ‘avia_framework’),
    “id” => “av-small-hide”,
    “std” => “”,
    “container_class” => ‘av-multi-checkbox’,
    “type” => “checkbox”),

    array(

    “desc” => __(“Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)”, ‘avia_framework’),
    “id” => “av-mini-hide”,
    “std” => “”,
    “container_class” => ‘av-multi-checkbox’,
    “type” => “checkbox”),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    array(
    “type” => “close_div”,
    ‘nodescription’ => true
    ),

    );

    if(current_theme_supports(‘add_avia_builder_post_type_option’))
    {
    $element = array(
    “name” => __(“Select Post Type”, ‘avia_framework’ ),
    “desc” => __(“Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type.
    If yo don’t select post type all registered post types will be used”, ‘avia_framework’ ),
    “id” => “post_type”,
    “type” => “select”,
    “multiple” => 6,
    “std” => “”,
    “subtype” => AviaHtmlHelper::get_registered_post_type_array()
    );

    array_splice($this->elements, 2, 0, array($element));
    }
    }

    /**
    * 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’] = “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 = “”)
    {
    $screen_sizes = AviaHelper::av_mobile_sizes($atts);

    if(isset($atts[‘link’]))
    {
    $atts[‘link’] = explode(‘,’, $atts[‘link’], 2 );
    $atts[‘taxonomy’] = $atts[‘link’][0];

    if(isset($atts[‘link’][1]))
    {
    $atts[‘categories’] = $atts[‘link’][1];
    }
    }

    $atts[‘class’] = $meta[‘el_class’];
    $atts = array_merge($atts, $screen_sizes);

    $slider = new avia_post_slider($atts);
    $slider->query_entries();
    return $slider->html();
    }

    }
    }

    if ( !class_exists( ‘avia_post_slider’ ) )
    {
    class avia_post_slider
    {
    static $slide = 0;
    protected $atts;
    protected $entries;

    function __construct($atts = array())
    {
    $this->atts = shortcode_atts(array( ‘type’ => ‘slider’, // can also be used as grid
    ‘style’ => ”, //no_margin
    ‘columns’ => ‘4’,
    ‘items’ => ’16’,
    ‘taxonomy’ => ‘category’,
    ‘wc_prod_visible’ => ”,
    ‘prod_order_by’ => ”,
    ‘prod_order’ => ”,
    ‘post_type’=> get_post_types(),
    ‘contents’ => ‘excerpt’,
    ‘preview_mode’ => ‘auto’,
    ‘image_size’ => ‘portfolio’,
    ‘autoplay’ => ‘no’,
    ‘animation’ => ‘fade’,
    ‘paginate’ => ‘no’,
    ‘use_main_query_pagination’ => ‘no’,
    ‘interval’ => 5,
    ‘class’ => ”,
    ‘categories’=> array(),
    ‘custom_query’=> array(),
    ‘offset’ => 0,
    ‘custom_markup’ => ”,
    ‘av_display_classes’ => ”
    ), $atts, ‘av_postslider’);

    }

    public function html()
    {
    global $avia_config;

    $output = “”;

    if(empty($this->entries) || empty($this->entries->posts)) return $output;

    avia_post_slider::$slide ++;
    extract($this->atts);

    if($preview_mode == ‘auto’) $image_size = ‘portfolio’;
    $extraClass = ‘first’;
    $grid = ‘one_third’;
    $post_loop_count = 1;
    $loop_counter = 1;
    $autoplay = $autoplay == “no” ? false : true;
    $total = $columns % 2 ? “odd” : “even”;
    $blogstyle = function_exists(‘avia_get_option’) ? avia_get_option(‘blog_global_style’,”) : “”;
    $excerpt_length = 60;

    if($blogstyle !== “”)
    {
    $excerpt_length = 240;
    }

    switch($columns)
    {
    case “1”: $grid = ‘av_fullwidth’; if($preview_mode == ‘auto’) $image_size = ‘large’; break;
    case “2”: $grid = ‘av_one_half’; break;
    case “3”: $grid = ‘av_one_third’; break;
    case “4”: $grid = ‘av_one_fourth’; if($preview_mode == ‘auto’) $image_size = ‘portfolio_small’; break;
    case “5”: $grid = ‘av_one_fifth’; if($preview_mode == ‘auto’) $image_size = ‘portfolio_small’; break;
    }

    $data = AviaHelper::create_data_string(array(‘autoplay’=>$autoplay, ‘interval’=>$interval, ‘animation’ => $animation, ‘show_slide_delay’=>90));

    $thumb_fallback = “”;
    $markup = avia_markup_helper(array(‘context’ => ‘blog’,’echo’=>false, ‘custom_markup’=>$custom_markup));
    $output .= “<div {$data} class=’avia-content-slider avia-content-{$type}-active avia-content-slider”.avia_post_slider::$slide.” avia-content-slider-{$total} {$class} {$av_display_classes}’ $markup>”;
    $output .= “<div class=’avia-content-slider-inner’>”;

    foreach ($this->entries->posts as $entry)
    {
    $the_id = $entry->ID;
    $parity = $loop_counter % 2 ? ‘odd’ : ‘even’;
    $last = $this->entries->post_count == $post_loop_count ? ” post-entry-last ” : “”;
    $post_class = “post-entry post-entry-{$the_id} slide-entry-overview slide-loop-{$post_loop_count} slide-parity-{$parity} {$last}”;
    $link = get_post_meta( $the_id ,’_portfolio_custom_link’, true ) != “” ? get_post_meta( $the_id ,’_portfolio_custom_link_url’, true ) : get_permalink( $the_id );
    $excerpt = “”;
    $title = ”;
    $show_meta = !is_post_type_hierarchical($entry->post_type);
    $commentCount = get_comments_number($the_id);
    $thumbnail = get_the_post_thumbnail( $the_id, $image_size );
    $format = get_post_format( $the_id );
    if(empty($format)) $format = “standard”;

    if($thumbnail)
    {
    $thumb_fallback = $thumbnail;
    $thumb_class = “real-thumbnail”;
    }
    else
    {
    $thumbnail = “<span class=’ fallback-post-type-icon’ “.av_icon_string($format).”></span><span class=’slider-fallback-image’>{{thumbnail}}</span>”;
    $thumb_class = “fake-thumbnail”;
    }

    $permalink = ‘<div class=”read-more-link”>‘.__(‘Read more’,’avia_framework’).'<span class=”more-link-arrow”></span></div>’;
    $prepare_excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( ‘avf_postgrid_excerpt_length’ , $excerpt_length) , apply_filters( ‘avf_postgrid_excerpt_delimiter’ , ” “), “…”, true, ”);

    if($format == ‘link’)
    {
    $current_post = array();
    $current_post[‘content’] = $entry->post_content;
    $current_post[‘title’] = $entry->post_title;

    if(function_exists(‘avia_link_content_filter’))
    {
    $current_post = avia_link_content_filter($current_post);
    }

    $link = $current_post[‘url’];
    }

    switch($contents)
    {
    case “excerpt”:
    $excerpt = $prepare_excerpt;
    $title = $entry->post_title;
    break;
    case “excerpt_read_more”:
    $excerpt = $prepare_excerpt;
    $excerpt .= $permalink;
    $title = $entry->post_title;
    break;
    case “title”:
    $excerpt = ”;
    $title = $entry->post_title;
    break;
    case “title_read_more”:
    $excerpt = $permalink;
    $title = $entry->post_title;
    break;
    case “only_excerpt”:
    $excerpt = $prepare_excerpt;
    $title = ”;
    break;
    case “only_excerpt_read_more”:
    $excerpt = $prepare_excerpt;
    $excerpt .= $permalink;
    $title = ”;
    break;
    case “no”:
    $excerpt = ”;
    $title = ”;
    break;
    }

    $title = apply_filters( ‘avf_postslider_title’, $title, $entry );

    if($loop_counter == 1) $output .= “<div class=’slide-entry-wrap’>”;

    $post_format = get_post_format($the_id) ? get_post_format($the_id) : ‘standard’;

    $markup = avia_markup_helper(array(‘context’ => ‘entry’,’echo’=>false, ‘id’=>$the_id, ‘custom_markup’=>$custom_markup));
    $output .= “<article class=’slide-entry flex_column {$style} {$post_class} {$grid} {$extraClass} {$thumb_class}’ $markup>”;
    $output .= $thumbnail ? “{$thumbnail}” : “”;

    if($post_format == “audio”)
    {
    $current_post = array();
    $current_post[‘content’] = $entry->post_content;
    $current_post[‘title’] = $entry->post_title;

    $current_post = apply_filters( ‘post-format-‘.$post_format, $current_post );

    if(!empty( $current_post[‘before_content’] )) $output .= ‘<div class=”big-preview single-big audio-preview”>’.$current_post[‘before_content’].'</div>’;
    }

    $output .= “<div class=’slide-content’>”;

    $markup = avia_markup_helper(array(‘context’ => ‘entry_title’,’echo’=>false, ‘id’=>$the_id, ‘custom_markup’=>$custom_markup));
    $output .= ‘<header class=”entry-content-header”>’;
    $meta_out = “”;

    if (!empty($title))
    {
    if($show_meta)
    {
    $taxonomies = get_object_taxonomies(get_post_type($the_id));
    $cats = ”;
    $excluded_taxonomies = array_merge( get_taxonomies( array( ‘public’ => false ) ), array(‘post_tag’,’post_format’) );
    $excluded_taxonomies = apply_filters(‘avf_exclude_taxonomies’, $excluded_taxonomies, 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))
    {
    $meta_out .= ‘<span class=”blog-categories minor-meta”>’;
    $meta_out .= $cats;
    $meta_out .= ‘</span>’;
    }
    }

    /**
    * Allow to change default output of categories – by default supressed for setting Default(Business) blog style
    *
    * @since 4.0.6
    * @param string $blogstyle ” | ‘elegant-blog’ | ‘elegant-blog modern-blog’
    * @param avia_post_slider $this
    * @return string ‘show_elegant’ | ‘show_business’ | ‘use_theme_default’ | ‘no_show_cats’
    */
    $show_cats = apply_filters( ‘avf_postslider_show_catergories’, ‘use_theme_default’, $blogstyle, $this );

    switch( $show_cats )
    {
    case ‘no_show_cats’:
    $new_blogstyle = ”;
    break;
    case ‘show_elegant’:
    $new_blogstyle = ‘elegant-blog’;
    break;
    case ‘show_business’:
    $new_blogstyle = ‘elegant-blog modern-blog’;
    break;
    case ‘use_theme_default’:
    default:
    $new_blogstyle = $blogstyle;
    break;
    }

    // elegant style
    if( ( strpos( $new_blogstyle, ‘modern-blog’ ) === false ) && ( $new_blogstyle != “” ) )
    {
    $output .= $meta_out;
    }

    $output .= “<h3 class=’slide-entry-title entry-title’ $markup>“.$title.”</h3>”;

    // modern business style
    if( ( strpos( $new_blogstyle, ‘modern-blog’ ) !== false ) && ( $new_blogstyle != “” ) )
    {
    $output .= $meta_out;
    }

    $output .= ‘<span class=”av-vertical-delimiter”></span>’;
    }

    $output .= ‘</header>’;

    if($show_meta && !empty($excerpt))
    {
    $meta = “<div class=’slide-meta’>”;
    $meta .= “<div class=’slide-meta-author’>” . get_the_author() . “</div><div class=’slide-meta-del’>/</div>”;
    $markup = avia_markup_helper(array(‘context’ => ‘entry_time’,’echo’=>false, ‘id’=>$the_id, ‘custom_markup’=>$custom_markup));
    $meta .= “<time class=’slide-meta-time updated’ $markup>” .get_the_time(get_option(‘date_format’), $the_id).”</time>”;
    $meta .= “</div>”;

    if( strpos($blogstyle, ‘elegant-blog’) === false )
    {
    $output .= $meta;
    $meta = “”;
    }
    }
    $markup = avia_markup_helper(array(‘context’ => ‘entry_content’,’echo’=>false, ‘id’=>$the_id, ‘custom_markup’=>$custom_markup));
    $excerpt = apply_filters( ‘avf_post_slider_entry_excerpt’, $excerpt, $prepare_excerpt, $permalink, $entry );
    $output .= !empty($excerpt) ? “<div class=’slide-entry-excerpt entry-content’ $markup>”.$excerpt.”</div>” : “”;

    $output .= “</div>”;
    $output .= ‘<footer class=”entry-footer”>’;
    if( !empty($meta) ) $output .= $meta;
    $output .= ‘</footer>’;

    $output .= av_blog_entry_markup_helper( $the_id );

    $output .= “</article>”;

    $loop_counter ++;
    $post_loop_count ++;
    $extraClass = “”;

    if($loop_counter > $columns)
    {
    $loop_counter = 1;
    $extraClass = ‘first’;
    }

    if($loop_counter == 1 || !empty($last))
    {
    $output .=”</div>”;
    }
    }

    $output .= “</div>”;

    if($post_loop_count -1 > $columns && $type == ‘slider’)
    {
    $output .= $this->slide_navigation_arrows();
    }

    global $wp_query;
    if($use_main_query_pagination == ‘yes’ && $paginate == “yes”)
    {
    $avia_pagination = avia_pagination($wp_query->max_num_pages, ‘nav’);
    }
    else if($paginate == “yes”)
    {
    $avia_pagination = avia_pagination($this->entries, ‘nav’);
    }

    if(!empty($avia_pagination)) $output .= “<div class=’pagination-wrap pagination-slider’>{$avia_pagination}</div>”;

    $output .= “</div>”;

    $output = str_replace(‘{{thumbnail}}’, $thumb_fallback, $output);

    wp_reset_query();
    return $output;
    }

    protected function slide_navigation_arrows()
    {
    $html = “”;
    $html .= “<div class=’avia-slideshow-arrows avia-slideshow-controls’>”;
    $html .= ““.__(‘Previous’,’avia_framework’ ).”“;
    $html .= ““.__(‘Next’,’avia_framework’ ).”“;
    $html .= “</div>”;

    return $html;
    }

    //fetch new entries
    public function query_entries($params = array())
    {
    global $avia_config;

    if(empty($params)) $params = $this->atts;

    if(empty($params[‘custom_query’]))
    {
    $query = array();

    if(!empty($params[‘categories’]))
    {
    //get the portfolio categories
    $terms = explode(‘,’, $params[‘categories’]);
    }

    $page = get_query_var( ‘paged’ ) ? get_query_var( ‘paged’ ) : get_query_var( ‘page’ );
    if(!$page || $params[‘paginate’] == ‘no’) $page = 1;

    //if we find no terms for the taxonomy fetch all taxonomy terms
    if(empty($terms[0]) || is_null($terms[0]) || $terms[0] === “null”)
    {
    $terms = array();
    $allTax = get_terms( $params[‘taxonomy’]);
    foreach($allTax as $tax)
    {
    $terms[] = $tax->term_id;
    }

    }

    if($params[‘offset’] == ‘no_duplicates’)
    {
    $params[‘offset’] = false;
    $no_duplicates = true;
    }

    //wordpress 4.4 offset fix
    if( $params[‘offset’] == 0 )
    {
    $params[‘offset’] = false;
    }
    else
    {
    //if the offset is set the paged param is ignored. therefore we need to factor in the page number
    $params[‘offset’] = $params[‘offset’] + ( ($page -1 ) * $params[‘items’]);
    }

    if(empty($params[‘post_type’])) $params[‘post_type’] = get_post_types();
    if(is_string($params[‘post_type’])) $params[‘post_type’] = explode(‘,’, $params[‘post_type’]);

    $orderby = ‘date’;
    $order = ‘DESC’;

    // Meta query – replaced by Tax query in WC 3.0.0
    $meta_query = array();
    $tax_query = array();

    // check if taxonomy are set to product or product attributes
    $tax = get_taxonomy( $params[‘taxonomy’] );

    if( class_exists( ‘WooCommerce’ ) && is_object( $tax ) && isset( $tax->object_type ) && in_array( ‘product’, (array) $tax->object_type ) )
    {
    $avia_config[‘woocommerce’][‘disable_sorting_options’] = true;

    avia_wc_set_out_of_stock_query_params( $meta_query, $tax_query, $params[‘wc_prod_visible’] );

    // sets filter hooks !!
    $ordering_args = avia_wc_get_product_query_order_args( $params[‘prod_order_by’], $params[‘prod_order’] );

    $orderby = $ordering_args[‘orderby’];
    $order = $ordering_args[‘order’];
    }

    if( ! empty( $terms ) )
    {
    $tax_query[] = array(
    ‘taxonomy’ => $params[‘taxonomy’],
    ‘field’ => ‘id’,
    ‘terms’ => $terms,
    ‘operator’ => ‘IN’
    );
    }

    $query = array( ‘orderby’ => $orderby,
    ‘order’ => $order,
    ‘paged’ => $page,
    ‘post_type’ => $params[‘post_type’],
    // ‘post_status’ => ‘publish’,
    ‘offset’ => $params[‘offset’],
    ‘posts_per_page’ => $params[‘items’],
    ‘post__not_in’ => ( ! empty( $no_duplicates ) ) ? $avia_config[‘posts_on_current_page’] : array(),
    ‘meta_query’ => $meta_query,
    ‘tax_query’ => $tax_query
    );

    }
    else
    {
    $query = $params[‘custom_query’];
    }

    $query = apply_filters(‘avia_post_slide_query’, $query, $params);

    @$this->entries = new WP_Query( $query ); //@ is used to prevent errors caused by wpml

    // store the queried post ids in
    if( $this->entries->have_posts() )
    {
    while( $this->entries->have_posts() )
    {
    $this->entries->the_post();
    $avia_config[‘posts_on_current_page’][] = get_the_ID();
    }
    }

    if( function_exists( ‘WC’ ) )
    {
    avia_wc_clear_catalog_ordering_args_filters();
    $avia_config[‘woocommerce’][‘disable_sorting_options’] = false;
    }
    }
    }
    }

    #1008388

    Hey wadimoo,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-search-tooltip {
        width: 200px !important;
    }

    Best regards,
    Rikard

    #1008105

    Topic: Tab section

    in forum Enfold
    Lukas
    Participant

    Hello,
    Is possible to hide / get rid a whole “title” of tab section. Only for some specific page.
    I want to use an interactive image and link each tooltip to own tab. I want to see only content of tabs.

    Thank you for your response.

    Lukas

    #1006121

    Hi,

    Mir wäre das bisher noch nicht untergekommen, aber vielleicht indexiert Google auch die Suchfunktion (Lupe rechts) bei Dir als “wichtigen” Link. Um dies zu verhindern füge bitte folgenden Code in die child theme functions.php ein:

    
    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=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a></li>
    ';
        }
        return $items;
    }
    

    Hierdurch wird das “nofollow” Attribut zum Suchlink (Lupe) hinzugefügt und Suchmaschinen davon abgehalten, diesem Link zu folgen.

    LG,
    Peter

Viewing 30 results - 751 through 780 (of 2,320 total)