Forum Replies Created

Viewing 30 posts - 18,061 through 18,090 (of 67,597 total)
  • Author
    Posts
  • in reply to: Customizing hotspots #1228884

    Hi,


    @danowen777
    : Thanks for helping!


    @ESWEENEY113
    : Please don’t hesitate to open another thread if you need anything else. We’ll close this thread for now. :)

    Have a nice day.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    We can use the avf_ajax_search_label_names filter to change the post type title. Usage examples can be found here:

    // https://kriesi.at/support/topic/search-bar-8/#post-1003538
    // https://kriesi.at/support/topic/change-products-wording-on-ajax-search-menu/#post-866050

    To sort the results by post type, try to use this snippet in the functions.php file.

    function avf_order_search_by_posttype($orderby){
        if (!is_admin() && is_search()) :
            global $wpdb;
            $orderby =
                "
                CASE WHEN {$wpdb->prefix}posts.post_type = 'portfolio' THEN '1' 
                     WHEN {$wpdb->prefix}posts.post_type = 'product' THEN '2' 
                     WHEN {$wpdb->prefix}posts.post_type = 'post' THEN '3'  
                ELSE {$wpdb->prefix}posts.post_type END ASC, 
                {$wpdb->prefix}posts.post_title ASC";
        endif;
        return $orderby;
    }
    add_filter('posts_orderby', 'avf_order_search_by_posttype', 999, 1);
    

    // https://codex.wordpress.org/Plugin_API/Filter_Reference/posts_orderby

    Best regards,
    Ismael

    in reply to: Tab section links #1228877

    Hey Sergio,

    Thank you for the inquiry.

    You can use this snippet to make the window automatically scroll to the tab section element on page load.

    add_action('wp_footer', function() {
    ?>
    <script>
    document.addEventListener("DOMContentLoaded", function() {
         var anchor = window.location.hash.substr(1);
         var tabTitle = document.querySelector('.av-section-tab-title[href="#' + anchor +'"]');
    
         if(tabTitle) {
               var position = tabTitle.getBoundingClientRect().top;
               window.scrollTo(0, position);
         }
    
         return false;
    });
    </script>
    <?php
    }, 9999);
    

    Best regards,
    Ismael

    Hey danowen777,

    Thank you for the inquiry.

    The theme automatically formats the content of the tooltip and encodes some characters in the front and backend, which is probably why it’s stripping some of the player markup. If you want to disable the formatting, we have to modify the enfold\config-templatebuilder\avia-shortcodes\image_hotspots\image_hotspots.php, look for this code around line 854:

    $output .= "<div class='av-image-hotspot av-image-hotspot-{$counter} {$hotspot_tooltip_display}' data-avia-tooltip-position='{$data_pos}' data-avia-tooltip-alignment='{$align}' data-avia-tooltip-class='{$tooltip_width} {$tooltip_pos} {$extraClass} {$tooltip_style} av-tt-hotspot' data-avia-tooltip='".esc_attr(ShortcodeHelper::avia_apply_autop($content))."' style='{$pos_string}'>";
    

    Remove the esc_attr and avia_apply_autop wrapping the $content.

    $output .= "<div class='av-image-hotspot av-image-hotspot-{$counter} {$hotspot_tooltip_display}' data-avia-tooltip-position='{$data_pos}' data-avia-tooltip-alignment='{$align}' data-avia-tooltip-class='{$tooltip_width} {$tooltip_pos} {$extraClass} {$tooltip_style} av-tt-hotspot' data-avia-tooltip='".$content."' style='{$pos_string}'>";
    

    Best regards,
    Ismael

    Hi,

    Thank you for the info.

    You can pull the mega menu upwards with this css code.

    #header_main_alternate {
    	margin-top: -50px;
    }
    

    Please don’t forget to toggle or disable the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    in reply to: Shortcodes don't work in post header #1228701

    Hi,

    Thank you for the update.

    Where can we see the issue again? The content slider is working properly in post page, but the top bar layout is a bit different in the post compare to the home page — the menu items are missing. (see private field)

    Best regards,
    Ismael

    in reply to: Breadcrumbs in Blog archive page layout #1228700

    Hi,

    Do you want to remove the category blog when you’re on the single post page? What happens when you remove the breadcrumb filter above?

    You may need to replace is_archive with is_singular(‘post’).

    if(!is_archive()) {
    

    .. to:

    if(!is_singular('post')) {
    

    This should remove the categories from the breadcrumb, or prevent them from displaying.

    A direct link to a post with the breadcrumb issue will help.

    Best regards,
    Ismael

    in reply to: Breakpoints on tablet #1228698

    Hi,

    Thanks for chiming in.

    You have to apply the order property to the child elements or the columns, and the flex display property should be applied to the parent container, in this case the color section.

    // https://www.w3schools.com/cssref/css3_pr_order.asp
    // https://www.w3schools.com/css/css3_flexbox.asp

    The class and ID attribute can be added in the element’s Advanced > Developer Settings toggle.

    If you want to learn more about the flexbox layout, please check this article.

    // https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    Best regards,
    Ismael

    in reply to: Enfold Layer Slider & Polylang – Serious bug! #1228696

    Hi,

    Are you sure that you’re on the right page when selecting the slider? We created two sliders on our installation, one for EN and another for ES and they both show up on their designated pages.

    Please check these screenshots.

    ES: https://imgur.com/dcwg6FV
    EN: https://imgur.com/h5FJMMO

    When editing a translated page, try to go directly to the Pages panel after switching to a different language, then select the page from there.

    Best regards,
    Ismael

    in reply to: Various Bugs on my landing pages #1228690

    Hi,

    Sorry for the delay. We didn’t really find any errors in the page aside from the duplicated scrollbar. Do you happen to know why the scrollbar is duplicated? Did you add any css modifications?

    Is it possible to clone the site to a sub domain or a staging environment so that we can test it properly?

    Best regards,
    Ismael

    in reply to: Edit "Product Page" in Woocommerce (Enfold) #1228688

    Hi,

    Glad to know that it’s working now and thank you for sharing the info. We’ll close the thread now.

    Have a nice day.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    This looks like a plugin error because SP_PCP_Resize.process() is not a theme function. To fix the issue with the file compression, try to disable the timestamp or add a custom one in the Performance > File Compression section, enable the Show advanced options and set the Unique timestamp of merged files to the second option.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    That is surely possible but it’s not available in the theme by default. Unfortunately, it will require modifications that are beyond the scope of support, so you might have to hire someone else.

    What you need to do is create a link with a specific parameter or payload containing info about the text element or maybe a scroll position value within the view port and the id of the toggle that you want to open, and based on this value the script will automatically cause the window to scroll until it reaches the position specified in the parameter. The URL will look something like this:

    https://site.com/page/?position=500&toggle=4
    

    The script will probably look something like this:

    var url = new URL(window.location.href);
    var pos = url.searchParams.get("position");
    var toggle = url.searchParams.get("toggle");
    // trigger click event for toggle 4
    // scroll to position
    

    Best regards,
    Ismael

    Hi,

    Thank you for the info.

    Did you install or activate any lazy loading option in your site? It probably causes the images to load after the scripts.

    One solution is to load the images asynchronously instead of waiting for other resources to load, but it will require a bit of modification. For the color section, we have to modify the themes\enfold\config-templatebuilder\avia-shortcodes\section.php file and remove the background image property. We will then replace it with a data-src attribute containing the image URL.

    Please replace the section.php file with this code.

    // https://pastebin.com/0ZiZb5iE

    Then add this snippet in the functions.php file.

    add_action('wp_head', function() {
     ?>
    	<script>
    		(() => {
    		'use strict';
     		const objects = document.getElementsByClassName('asyncImage');  
    		
    		Array.from(objects).map((item) => {
    			const img = new Image();
    			img.src = item.dataset.src;
    			
    			img.onload = () => {
    				item.classList.remove('asyncImage');
    				return item.nodeName === 'IMG' ? 
    				item.src = item.dataset.src :        
    				item.style.backgroundImage = url(${item.dataset.src})
    			};
    		});
    	})();
    	</script>
     <?php
    }, 999);
    

    After that, edit the color section element, go to the Advanced tab and use “asyncImage” as a Custom CSS Class name. The script will look for the color section with the “asyncImage” class attribute, load the URL inside the data-src attribute and place it as a background when it’s is fully loaded. This will all happen while the page is loading.

    This is from: https://medium.com/front-end-weekly/how-to-optimize-image-loading-on-your-website-855020fb41ae

    Best regards,
    Ismael

    in reply to: Edit toggle button of modal window (cookies) #1228368

    Hi,

    Thank you for the update.

    There’s no option for it by default but your solution should be enough to only display the toggle for the current language.

    Best regards,
    Ismael

    in reply to: issues with blogpage and posts #1228366

    Hey Alexander,

    Thank you for the inquiry.

    1-3.) You can use the Simple Image Sizes plugin to adjust the maximum size of the featured image or thumbnail used in the posts. After activating the plugin, go to the Settings > Media panel and look for the “portfolio” thumbnail. Adjust the width and height, update or save the changes, then regenerate the thumbnails.

    // https://wordpress.org/plugins/simple-image-sizes/

    4.) You can adjust the style of the heading tags in the Enfold > Advanced Styling panel.

    5.) You have to install a translation plugin like Loco Translate or Say What? in order to translate the text in the templates.

    // https://wordpress.org/plugins/loco-translate/
    // https://wordpress.org/plugins/say-what/

    And please note that we always encourage users to open separate threads for each inquiry instead of including them in a single post because it will be a lot easier for moderators to answer the question or request, and make it easier for users who might be searching for the same solution.

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: aviaAsset_avia-head-scripts in Table wp_options #1228364

    Hi,

    Thank you for the info.

    The content is actually saved in a file inside the dynamic_avia folder. The database entry is only used to combine the content of the enqueued or registered scripts in the site, then the theme converts it to an actual JS file.

    If you want to get rid of it, you have to disable JS compression in the Performance > File Compression panel, and use a plugin like Autoptimize instead.

    Best regards,
    Ismael

    in reply to: Masonry Pin or Sticky Post #1228362

    Hey Rhodo,

    Thank you for the inquiry.

    The element doesn’t support sticky posts by default, but you might be able to use this same filter to adjust the posts query and include the sticky posts.

    // https://kriesi.at/support/topic/sticky-posts-in-b-og-grid/#post-692059

    Replace avia_post_slide_query with the avia_masonry_entries_query filter.

    Best regards,
    Ismael

    in reply to: Always show whole image in Photography theme #1228359

    Hi,

    Sorry for the delay. Instead of using the default gallery, try to use the gallery shortcode or element from the theme. You can insert the gallery by switching the editor to visual mode, look for the shortcode wand and locate the Media Elements > Gallery shortcode. In the gallery editor, go to the Styling panel and set the Gallery Style to the second option, and select No Scaling for both Gallery Big Preview Image Size and Gallery Preview Image Size settings. You should also disable the cropping option.

    We created a test page and added the theme’s gallery to it. (see private field)

    Best regards,
    Ismael

    Hi,

    Sorry for the delay. The shortcode that you posted above is invalid and it will certainly break the site. It doesn’t have the main wrapper of the toggle shortcode.

    This is the correct shortcode format of the toggle element.

    [ av_toggle_container initial='0' mode='accordion' sort='' styling='' colors='' font_color='' background_color='' border_color='' colors_current='' font_color_current='' background_current='' background_color_current='' background_gradient_current_color1='' background_gradient_current_color2='' background_gradient_current_direction='vertical' hover_colors='' hover_background_color='' hover_font_color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' av_uid='']
    [ av_toggle title='Toggle 1' tags=''][/av_toggle]
    [ av_toggle title='Toggle 2' tags=''][/av_toggle]
    [ /av_toggle_container]
    

    Best regards,
    Ismael

    in reply to: WOFF Fonts in Enfold Theme #1228356

    Hi,

    Sorry for the delay. You can only upload Google fonts in the theme’s font manager. If you want to use a custom font from a different source, use the @font-face rule.

    // https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

    Make sure to use the absolute or complete path of the font files.

    Example:

    @font-face {
      font-family: myFirstFont;
      src: url(https://site.com/exact/location/to/font/sansation_light.woff);
    }
    

    Best regards,
    Ismael

    in reply to: Product grid limit number of products – Part 2 #1228353

    Hi,

    Thank you for the update.

    We also found this filter, which might help adjust the number of total pages shown in the pagination.

        // define the woocommerce_pagination_args callback 
    	 function avf_filter_woocommerce_pagination_args( $array ) { 
            $array['total'] = 5;
            return $array; 
        }; 
    
        add_filter( 'woocommerce_pagination_args', 'avf_filter_woocommerce_pagination_args', 10, 1 ); 
    

    Please remove the browser cache after adding the snippet.

    Best regards,
    Ismael

    Hi,

    We provided a reply on the other thread which contains the same issue, so we’ll close this one for now. Please continue here: https://kriesi.at/support/topic/burger-when-scrolling-down/#post-1225769

    Best regards,
    Ismael

    in reply to: Event Tickets not working #1228347

    Hey!

    This documentation regarding paypal issues might also help.

    // https://theeventscalendar.com/knowledgebase/k/configuring-tribe-commerce-with-paypal/#Troubleshooting_PayPal_Issues

    Regards,
    Ismael

    in reply to: Event Tickets not working #1228346

    Hi,

    We are still getting this error after adding a ticket.

    Warning: count(): Parameter must be an array or an object that implements Countable in/wp-content/plugins/event-tickets/src/Tribe/Commerce/PayPal/Cart/Unmanaged.php
    

    Did you already do these steps?

    // https://theeventscalendar.com/knowledgebase/k/configuring-tribe-commerce-with-paypal/

    As far as we’ve gotten, the issue seems to be in generating the invoice number in the event-tickets/src/Tribe/Commerce/PayPal/Cart/Unmanaged.php. It’s supposed to read the invoice number from a cookie, but it doesn’t exists.

    /**
    	 * {@inheritdoc}
    	 */
    	public function exists( array $criteria = [] ) {
    		if ( null !== $this->invoice_number ) {
    			$invoice_number = $this->invoice_number;
    		} else {
    			$invoice_number = $this->read_invoice_number();
    		}
                    // ENDS HERE because $invoice_number is null or undefined
    		if ( false === $invoice_number ) {
    			return false;
    		}
    
    		return (bool) get_transient( self::get_transient_name( $invoice_number ) );
    	}
    
    

    Can we deactivate the plugins temporarily, or is there a staging version of the site where we can test this fully?

    Best regards,
    Ismael

    Hey Guenter,

    Thank you for the inquiry.

    You will probably need the avia_enqueue_script_conditionally function and pass the condition to it. If condition is true, register the script, if not then deregister it.

    Best regards,
    Ismael

    Hi,

    Thank you for the update.

    If decreasing the font size is not an option, we can then instead modify the themes\enfold\config-templatebuilder\avia-shortcodes\tab_section\tab_section.js file directly and include an additional 20px to the minimum width of the title container.

    Look for this code around line 84:

    tab_wrap.css('min-width', min_width);
    

    Replace it with:

    tab_wrap.css('min-width', min_width + 20);
    

    This is almost the same as using the css code that Victoria suggested above.

    Please don’t forget to toggle the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    Hi,

    Looks like you’ve already managed to get the read more links to display in the archive page. Did you set the “For each post in a feed, include” option in the Settings > Reading panel to “Summary”?

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: Burger when scrolling down #1228222

    Hi,

    Sorry for the delay. You have to include the script in the snippet that we provided previously and wrap the css code with the css media query. Please post the login details in the private field so that we can test the modifications. Make sure that the Appearance > Editor panel is accessible.

    css media query:

    @media only screen and (min-width: 1024px) {
    .responsive #top .av-main-nav .menu-item {
      display: block;
    }
    
    .responsive #top .av-main-nav .menu-item-avia-special {
      display: block;
    }
    
    .responsive .av-burger-menu-main.hide_burger_show_menu {
      display: block;
    }
    
    #avia-menu .hide_menu_show_burger {
      display: none !important;
    }
    
    #header.av_header_transparency .av-burger-menu-main.hide_burger_show_menu {
    	display: none !important;
    }
    
    #header.av_header_transparency .av-burger-menu-main:not(.hide_burger_show_menu) {
    	display: none !important;
    }
    }

    script:

     add_action('wp_footer', 'ava_burger_toggle_on_scroll');
     function ava_burger_toggle_on_scroll(){
    	 ?>
    	 <script type="text/javascript">
    		 (function($) {
    			 function avia_scroll_top_menu()
    			 {
    					 var win = $(window),
    						 menu = $('.responsive #top .av-main-nav .menu-item'),
    						 burger = $('.responsive #top .av-main-nav .menu-item-avia-special, .responsive .av-burger-menu-main'),
    						 set_status = function()
    						 {
    							 var st = win.scrollTop();
     
    							 if(st > 100)
    							 {
    								 menu.addClass('hide_menu_show_burger');
    								 menu.removeClass('hide_burger_show_menu');
    								 burger.removeClass('hide_menu_show_burger');
    								 burger.addClass('hide_burger_show_menu');	
    							 }
    							 else if(menu.is('.hide_menu_show_burger')) 
    							 {
    								 burger.addClass('hide_menu_show_burger');
    								 burger.removeClass('hide_menu_show_burger');
    								 menu.removeClass('hide_menu_show_burger');	
    								 menu.addClass('hide_burger_show_menu');
    							 }
    						 };
     
    					 win.on( 'scroll',  function(){ window.requestAnimationFrame( set_status )} );
    					 set_status();
    			 }
                               
                             if($(window).width() > 1024) {
                                 avia_scroll_top_menu();
                             }
    		 })(jQuery);
    	 </script>
    	 <?php
     }
    

    Best regards,
    Ismael

    in reply to: header cut in tablet portrait format #1228220

    Hi,

    Thank you for the inquiry.

    You might have to decrease the width of the image to make it completely visible on smaller screens.

    @media only screen and (max-width: 1024px) {
        #banner-port {
    	width: 150px;
        }
    }
    

    Best regards,
    Ismael

Viewing 30 posts - 18,061 through 18,090 (of 67,597 total)