Forum Replies Created

Viewing 30 posts - 10,051 through 10,080 (of 67,443 total)
  • Author
    Posts
  • in reply to: Add support for Enfold + reCaptcha & Real Cookie Banner #1363594

    Hey Boris,

    Thank you for the inquiry.

    How did you setup the services or content blocker cookie in the RCB panel? We do not have a premium or pro account for the plugin so we are not able to add the default content blocker template for Google ReCAPTCHA.

    If you created a custom Services (cookies) in the Statistics group, you can try and add the following scripts in the Technical handling section.

    Code executed on opt-in:

    <script type="module">
    Cookies.set('enableAviaRecaptchaRCB', 1, { expires : 30, path: '/' });
    </script>
    

    Code executed on opt-out:

    <script type="module">
    Cookies.remove('enableAviaRecaptchaRCB', 1, { path: '/' });
    </script>
    

    Code executed on page load:

    <script type="module" src="https: (Email address hidden if logged out) /dist/js.cookie.min.js"></script>
    
    <script type="module">
    (function ($)
    {
        function disableRecaptchaJS()
        {
    		var recaptchaEnabled = $("body").is(".av-recaptcha-enabled");
            var recaptchaFront = $("#avia_google_recaptcha_front_script-js");
    		var recaptchaAPI = $("#avia_google_recaptcha_api_script")
    		var recaptchaArea = $(".av-recaptcha-area");
            
            if (recaptchaEnabled)
            {
                recaptchaFront.remove();
                recaptchaAPI.remove();
    			recaptchaArea.remove();
    			
    			$('#top').removeClass('av-recaptcha-enabled av-recaptcha-extended-errors');
            } 
    		
    		return false;
        }
        
        $(document).ready(function() {
    		if(Cookies.get('enableAviaRecaptchaRCB')) return;
    
            disableRecaptchaJS();
        });
    })(jQuery);
    </script>
    

    The script will disable the reCAPTCHA API on load and only enable it once the user opt-in to the custom statistics service or once the enableAviaRecaptchaRCB cookie is set.

    Best regards,
    Ismael

    in reply to: Video size responsive version #1363590

    Hey Marco,

    Thank you for the inquiry.

    Based on the stats provided in the link below, you can create videos with the following sizes.

    Size for desktop displays from 1024×768 through 1920×1080
    Size for mobile displays from 360×640 through 414×896
    Size for tablet displays from 601×962 through 1280×800

    // https://www.browserstack.com/guide/ideal-screen-sizes-for-responsive-design

    According to the Worldwide Screen Resolution Stats (Jan 2020 – Jan 2021), the most commonly used resolutions across mobile, desktop, and tablet are:

    1920×1080 (8.89%)
    1366×768 (8.44%)
    360×640 (7.28%)
    414×896 (4.58%)
    1536×864 (3.88%)
    375×667 (3.75%)

    A 1080p or 720p video should be good enough for a lot of desktop displays.

    Best regards,
    Ismael

    in reply to: Masonry ignores choosen category #1363589

    Hi,

    Thank you for the screenshot.

    We tried logging in but the account above does not have admin rights. Please switch the user role to admin so that we can access the Pages panel and check the site settings. Did you add any filters for the masonry query in the functions.php file?

    Best regards,
    Ismael

    in reply to: Breadcrumbs when a parent menu item is a custom link #1363587

    Hey Gary,

    Thank you for the inquiry.

    You can set page hierarchies if you want to include the parent pages in the breadcrumbs. In this case, you have to set About as the parent of the Meet Us page. Please check the link below for more info about Page Attributes > Page Parent option.

    // https://wordpress.com/support/pages/page-options/

    Regarding the support license, please try to forward your support license or key to the Themeforest team and ask them about the expiry.

    Best regards,
    Ismael

    in reply to: Bug in Enfold for WooCommerce prduct images #1363586

    Hi,

    The issue occurs because Woocommerce just returns the declared thumbnail shop_catalog instead of using the values set in the Woocommerce > Product Images options. The function that controls the image size is located in the plugins/woocommerce/includes/wc-core-functions.php file, look for the wc_get_image_size (line 928).

    Your filter works because when the thumbnail is set to woocommerce_thumbnail, the following condition block (line 971) gets executed and return the values or options set in the Woocommerce > Product Images panel.

    } elseif ( 'thumbnail' === $image_size ) {
    			$size['width'] = absint( wc_get_theme_support( 'thumbnail_image_width', get_option( 'woocommerce_thumbnail_image_width', 300 ) ) );
    			$cropping      = get_option( 'woocommerce_thumbnail_cropping', '1:1' );
    
    			if ( 'uncropped' === $cropping ) {
    				$size['height'] = '';
    				$size['crop']   = 0;
    			} elseif ( 'custom' === $cropping ) {
    				$width          = max( 1, (float) get_option( 'woocommerce_thumbnail_cropping_custom_width', '4' ) );
    				$height         = max( 1, (float) get_option( 'woocommerce_thumbnail_cropping_custom_height', '3' ) );
    				$size['height'] = absint( NumberUtil::round( ( $size['width'] / $width ) * $height ) );
    				$size['crop']   = 1;
    			} else {
    				$cropping_split = explode( ':', $cropping );
    				$width          = max( 1, (float) current( $cropping_split ) );
    				$height         = max( 1, (float) end( $cropping_split ) );
    				$size['height'] = absint( NumberUtil::round( ( $size['width'] / $width ) * $height ) );
    				$size['crop']   = 1;
    			}
    		}
    

    Please try to edit the enfold/config-woocommerce/config.php file and look for this code around line 442.

    
    $size = apply_filters( 'avf_wc_before_shop_loop_item_title_img_size', 'shop_catalog' );
    

    Replace it with:

    
    $woocommerce_thumbnail_image_width = get_option( 'woocommerce_thumbnail_image_width' );
    		$default_size = $woocommerce_thumbnail_image_width == 300 ? 'shop_catalog' : 'woocommerce_thumbnail';
    		$size = apply_filters( 'avf_wc_before_shop_loop_item_title_img_size', $default_size );
    

    Best regards,
    Ismael

    Hi,


    @excelleme
    : Sorry for the late response. The site seems to be a displaying a different issue compare to the issue described in this topic. Please create a new thread and post the login details in the private field, a screenshot will also help.

    Best regards,
    Ismael

    in reply to: Content slider: common height #1363579

    Hi!

    Thank you for the update.

    Did you purge the cache after adding the script? We may need to access the site in order to test the modification properly. Please provide the login details in the private field.

    Regards,
    Ismael

    in reply to: Content slider customization #1363578

    Hi,

    Sorry for the delay. You can use this script to apply a uniform height to the slides.

    // custom script: set min height to slider
    function ava_custom_script_set_min_height()
    {
        ?>
        <script type="text/javascript">
            (function($) {
                $(document).ready(function() {
                    // Get an array of all element heights
                    function setSlideHeight(element) 
                    {
                        var elementHeights = element.map(function() {
                            return $(this).height();
                        }).get();
                    
                        // Math.max takes a variable number of arguments
                        // <code>apply</code> is equivalent to passing each height as an argument
                        var maxHeight = Math.max.apply(null, elementHeights);
                    
                        // Set each height to the max height
                        element.height(maxHeight);
                    }
                  
    
                    $(window).on( 'debouncedresize', function()
    				{
                        var slider = $('.avia-content-slider-inner');
                        var slider_wrap = slider.find('.slide-entry-wrap');
                        var slides = slider_wrap.find('.slide-entry');
    				  	
                        setSlideHeight(slides);
    				});
                });
            })(jQuery);
        </script>
        <?php
    }
    add_action( 'wp_footer', 'ava_custom_script_set_min_height', 9999 );
    

    To apply alternate background colors to the slides, add this code.

    .avia-content-slider .slide-entry-wrap .slide-entry:nth-child(odd) {
        background-color: red;
    }

    Best regards,
    Ismael

    in reply to: Sticky Posts only in selected category #1363576

    Hi,

    Sorry for the delay. Someone else might have opened the link above because the content is not available anymore. Please try to use the Temporary Login Without Password plugin instead.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Are you using the Blog Posts element?

    Best regards,
    Ismael

    in reply to: News / blog page breaks when upgrading from PHP 7.4 to 8.0 #1363575

    Hey pieter_piconomix,

    Thank you for the inquiry.

    Do you see any errors after upgrading PHP? You may need to temporarily set the site to debug mode and enable the error logs.

    // https://wordpress.org/support/article/debugging-in-wordpress/

    Please add this code in the wp-config.php.

    
    define( 'WP_DEBUG', true );
    define( 'WP_DEBUG_LOG', true );
    define( 'WP_DEBUG_DISPLAY', true );
    @ini_set( 'display_errors', 0 );
    define( 'SCRIPT_DEBUG', true );
    

    After enabling the debug mode, try to refresh the page and see if there are errors.

    Best regards,
    Ismael

    Hey la_tripping,

    Thank you for the inquiry.

    Did you adjust the value of the Thumbnail Width field in the Customize > Woocommerce > Product Images panel and set the Thumbnail cropping to Uncropped? Using the filter from the previous thread should switch the thumbnail back to woocommerce_thumbnail and allow Woocommerce to return the image size based on the Product Images settings.

    Best regards,
    Ismael

    in reply to: logo covers menu in mobile view #1363573

    Hey nscalessa,

    Thank you for the inquiry.

    The link above automatically redirects to the login details, we were not able to check the site. Please provide the login details in the private field.

    Best regards,
    Ismael

    in reply to: Contact Form Not Sending Email #1363572

    Hey pnamroud,

    Thank you for the inquiry.

    Did you set the from address in the Content > Backend > Your from address field using an email address from your own domain (ex. (Email address hidden if logged out) )?

    Please check the link below for more troubleshooting steps.

    // https://kriesi.at/documentation/enfold/contact-form/#my-contact-form-is-not-sending-emails-

    Do you receive the emails when using plugins like Contact Form 7 or WPForms?

    Best regards,
    Ismael

    in reply to: home page not displaying #1363571

    Hey trustedone,

    Thank you for the inquiry.

    The compressed footer script file is not loading properly for some reason.

    Failed to load resource: the server responded with a status of 404 () uploads/dynamic_avia/avia-footer-scripts-496cea2918054ba2723f5a9b0852783a---61c379eced746.js
    

    Please toggle or temporarily disable the Enfold > Performance > File Compression setting, then purge the cache.

    Best regards,
    Ismael

    Hi,

    Sorry for the confusion. The correct attribute in order to enable lazy loading is loading=”lazy” (https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading).

    You may need to install a plugin for this because not all image entities in the database has the loading attribute by default (e.g shortcodes), so search and replace might not work as expected. Also, please note that WordPress automatically adds the loading attribute to images when they are retrieve using default functions such as wp_get_attachment_image or get_the_post_thumbnail.

    // https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/

    You can try one of the these plugins.

    // https://wordpress.org/plugins/optimole-wp/
    // https://wordpress.org/plugins/rocket-lazy-load/

    Best regards,
    Ismael

    in reply to: Google Fonts #1363567

    Hi,

    Does the font get loaded when the plugins are deactivated? It might be coming from one of the extensions. Please try to deactivate the plugins temporarily, or post the login details in the private field so that we can check the issue further.

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: Alt text and Titles for Social Share Links #1363450

    Hi Jarvis,

    You can also use jQuery to dynamically apply the title attribute to the sharing links, copy the value of the data-avia-related-tooltip attribute from the .av-share-link a element. This is probably much more simple than overriding the whole class.

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: Real Cookie Banner can´t block ReCaptcha in Enfold Form #1363449

    Hey Maw87,

    Thank you for the info.

    Have you tried implementing the suggested changes in the avia_google_recaptcha_front.js file?

    // https://gist.github.com/matzeeable/42b5f167bd5cc17c010bfde928a59111

    You can replace this code around line 75..

    var script = document.createElement('script');
        script.id = 'avia-google-recaptcha-api-script';
        script.type = 'text/javascript';
        script.src = AviaReCAPTCHA_front.avia_api_script;
    

    ,.. with..

        (window.consentApi?.unblock("https://www.gstatic.com/recaptcha/") || Promise.resolve()).then(() =>
        {
            var i = document.createElement('script');
            i.id = 'avia-google-recaptcha-api-script';
            i.type = 'text/javascript';
            i.src = AviaReCAPTCHA_front.avia_api_script;
            document.body.appendChild(i)
        });
    
    

    Related thread: https://kriesi.at/support/topic/add-support-for-enfold-recaptcha-real-cookie-banner/

    Best regards,
    Ismael

    Hey Leon,

    Thank you for the inquiry.

    Have you tried adding the wp_lazy_loading_enabled filter to disable lazy loading globally?

    add_filter( 'wp_lazy_loading_enabled', '__return_false' );
    

    You can also use this plugin.

    // https://wordpress.org/plugins/disable-lazy-loading/

    Best regards,
    Ismael

    in reply to: Enfold: Pagination nav missing current / previous / next #1363447

    Hey IotEng,

    Thank you for the inquiry.

    Looks like the pagination has been created manually using a text block. Did you check if the pagination option of the grid element is enabled? Please provide the login details in the private field.

    Best regards,
    Ismael

    in reply to: Content slider: common height #1363446

    Hey neon2020,

    Thank you for the inquiry.

    The script below should apply the height of the tallest slide to every slides in the content slider. You can place it in the functions.php file.

    
    // custom script: set min height to slider
    function ava_custom_script_set_min_height()
    {
        ?>
        <script type="text/javascript">
            (function($) {
                $(document).ready(function() {
                    // Get an array of all element heights
                    function setSlideHeight(element) 
                    {
                        var elementHeights = element.map(function() {
                            return $(this).height();
                        }).get();
                    
                        // Math.max takes a variable number of arguments
                        // <code>apply</code> is equivalent to passing each height as an argument
                        var maxHeight = Math.max.apply(null, elementHeights);
                    
                        // Set each height to the max height
                        element.height(maxHeight);
                    }
                  
    
                    $(window).on( 'debouncedresize', function()
    				{
                        var slider = $('.avia-content-slider-inner');
                        var slides = slider.find('.slide-entry-wrap');
    				  	
                        setSlideHeight(slides);
    				});
                });
            })(jQuery);
        </script>
        <?php
    }
    add_action( 'wp_footer', 'ava_custom_script_set_min_height', 9999 );
    

    Based on: https://stackoverflow.com/questions/6781031/use-jquery-css-to-find-the-tallest-of-all-elements

    Best regards,
    Ismael

    in reply to: selfhosted Font Loading via Custom Font Manager #1363444

    Hey!

    No problem! Let us know if you have more questions. :)

    Have a nice day.

    Cheers!
    Ismael

    in reply to: how to determine fallback font for custom uploaded fonts #1363443

    Hi!’

    You can create a few conditions based on the $selected_font_family, $google_font (‘Heading Font’) and $default_font (‘Body Font’).

    Example:

    $stroke =  $google_font == 'Open Sans' ? 'sans-serif' : 'serif';
    return array(
            'Helvetica',
            'Arial',
            $stroke
        );
    

    Regards,
    Ismael

    in reply to: Content slider: position of the arrows #1363442

    Hey neon2020,

    Thank you for the inquiry.

    You can add this css code to move the slide arrow at the bottom of the slider and align it to the center.

    #top .avia-smallarrow-slider .avia-slideshow-arrows {
        position: absolute;
        width: 51px;
        top: 100%;
        left: 50%;
        height: 24px;
        transform: translateX(-50%);
        right: auto;
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

    in reply to: Pages not showing properly #1363440

    Hey geraldinetay27,

    Thank you for the inquiry.

    The page is displaying correctly on our end and we are not getting any kind of errors. Did you figure out the issue? We provided a screenshot in the private field.

    Best regards,
    Ismael

    in reply to: specific menu bar look / TYPO3 -> WP Enfold #1363439

    Hey Tilman,

    Thank you for the inquiry.

    1-2.) You may need to manually insert the custom menu items directly in the enfold/includes/helper-main-menu.php template file or insert a text widget and placed it inside the header using action hooks. And copy the css or styles from the existing site.

    Please check the documentation below for more info on how to use hooks in order to insert a widget area inside the header.

    // https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    This is the actual html of the icon menu items from the TYPO3 site.

    
    <div class="NavService-wrap" role="navigation">
    <div class="NavService-item NavService-item--search">
                      <a class="NavService-item-link js-navSearch" href="/suche/">
                        <span class="NavService-item-title">Suche</span>
                      </a></div>
    <div class="NavService-item NavService-item--contactperson">
                      <a class="NavService-item-link" href="/ansprechpartner/">
                        <span class="NavService-item-title">Ansprechpartner</span>
                      </a></div>
    <div class="NavService-item NavService-item--contactform">
                      <a class="NavService-item-link" href="/fallmeldung/">
                        <span class="NavService-item-title">Fallmeldung</span>
                      </a></div>
    </div>
    

    Best regards,
    Ismael

    in reply to: how to determine fallback font for custom uploaded fonts #1363437

    Hey Guenter,

    Thank you for the inquiry.

    You can use the avf_fallback_fonts_array filter to define your own fallback fonts, defaults to 'Helvetica', 'Arial', 'sans-serif'.

    add_filter('avf_fallback_fonts_array', function($fallback, $selected_font_family) {
        $default_font = avia_get_option( 'default_font' );
        $google_font = avia_get_option( 'google_webfont' );
    
        return array(
            'Helvetica',
            'Arial',
            'sans-serif'
        );
    }, 10, 2);
    

    Defined on enfold/framework/php/class-style-generator.php file.

    Best regards,
    Ismael

    in reply to: recaptchas not working #1363436

    Hi,

    The reCAPTCHA widget in the contact form is working correctly on both Chrome and Firefox when we tested it. Have you tried adjusting the Enfold > Privacy & Cookies > Default Cookie Behavior to the first or second option?

    Do you see any errors in the browser console when testing?

    Best regards,
    Ismael

    in reply to: Mobile view of fullwidth easy slider #1363435

    Hi,

    You can also attach one or two buttons in the Fullscreen Slider and add captions to the slides. Go to the slides’ Content > Caption toggle to add the caption title and text, and enable the buttons in the Advanced > Link Settings panel.

    Best regards,
    Ismael

    in reply to: Non-vengono-visualizzati-i-pulsanti-nella-slider-homepage #1363434

    Hi,

    Thank you for the info.

    We checked the site again using an iPhone 12 Pro Max simulator and there, we were able to reproduce the issue. For some reason, the html of the slider buttons are not present in the caption container. Do you remember adding any scripts which might be removing the slider buttons on mobile devices?

    Best regards,
    Ismael

Viewing 30 posts - 10,051 through 10,080 (of 67,443 total)