Forum Replies Created
-
AuthorPosts
-
September 2, 2022 at 10:01 am 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,
IsmaelHey 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,
IsmaelHi,
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,
IsmaelSeptember 2, 2022 at 9:38 am in reply to: Breadcrumbs when a parent menu item is a custom link #1363587Hey 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,
IsmaelHi,
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,
IsmaelSeptember 2, 2022 at 9:06 am in reply to: Enfold or Slider Revolution conflict showing Vimeo video in slider #1363580Hi,
@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,
IsmaelHi!
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,
IsmaelHi,
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,
IsmaelHi,
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.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
IsmaelSeptember 2, 2022 at 8:46 am in reply to: News / blog page breaks when upgrading from PHP 7.4 to 8.0 #1363575Hey 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,
IsmaelSeptember 2, 2022 at 8:41 am in reply to: New Catalog Images/Photos Are Suddenly ALL Square 1:1 Ratio – Wrong #1363574Hey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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.jsPlease toggle or temporarily disable the Enfold > Performance > File Compression setting, then purge the cache.
Best regards,
IsmaelSeptember 2, 2022 at 8:04 am in reply to: Bulk change images from lazy_loading='disabled' to lazy_loading='enabled' #1363569Hi,
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,
IsmaelHi,
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,
IsmaelHi 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,
IsmaelSeptember 1, 2022 at 9:26 am in reply to: Real Cookie Banner can´t block ReCaptcha in Enfold Form #1363449Hey 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,
IsmaelSeptember 1, 2022 at 9:14 am in reply to: Bulk change images from lazy_loading='disabled' to lazy_loading='enabled' #1363448Hey 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,
IsmaelSeptember 1, 2022 at 8:58 am in reply to: Enfold: Pagination nav missing current / previous / next #1363447Hey 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,
IsmaelHey 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,
IsmaelHey!
No problem! Let us know if you have more questions. :)
Have a nice day.
Cheers!
IsmaelSeptember 1, 2022 at 8:34 am in reply to: how to determine fallback font for custom uploaded fonts #1363443Hi!’
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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelSeptember 1, 2022 at 7:48 am in reply to: how to determine fallback font for custom uploaded fonts #1363437Hey 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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelSeptember 1, 2022 at 7:10 am in reply to: Non-vengono-visualizzati-i-pulsanti-nella-slider-homepage #1363434Hi,
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 -
AuthorPosts
