Forum Replies Created
-
AuthorPosts
-
September 14, 2021 at 11:48 am in reply to: Anchor Points don'w work when direct link is given #1320884
Hi!
Thanks for the update.
Is it working correctly when you temporarily remove the hidden sections (home, top)?
Adding the following css code might help.
.responsive.av-no-preview #top #wrap_all .av-desktop-hide, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden { height: 0 !important; }
Please do not forget to toggle or temporarily disable the Performance > File Compression settings after adding the css code.
Cheers!
IsmaelHi,
Great! Glad to know that it is working correctly now. Please do not hesitate to open another thread if you need anything else. We will close this one for now.
Have a nice day.
Best regards,
IsmaelHey Vlad-im-ir,
Thank you for the inquiry.
This issue has been fixed in the latest version of the theme. Please upgrade the theme from version 4.7 to 4.8.6.1, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards. Let us know if that helps.
Best regards,
IsmaelSeptember 14, 2021 at 11:22 am in reply to: Scroll Down Arrow – Color Section Layout Element – URL Change #1320879Hi,
Yes, you can turn on the file compression back now. We did not really need to disable them in this case, but it was just suggested just to make sure that the scripts and stylesheets are updated.
Best regards,
IsmaelHey smiley789654123,
Thank you for the inquiry.
We can use the avf_title_args filter in the functions.php to limit the character length of the page title.
function avf_title_args_mod($args, $id) { $args['title'] = avia_backend_truncate( $args['title'], 20, ' ', '...', true, '', true ) ; return $args; } add_filter('avf_title_args', 'avf_title_args_mod', 10, 2);
This should limit the number of characters in the title to 20.
Best regards,
IsmaelHey brunet77,
Thank you for the inquiry.
That layout should be possible but it is not available in the theme by default. You may have to look for another shop extension that offers the same functionality. Or hire a freelance developer to modify the default cart page.
Best regards,
IsmaelHey Tobias,
Thank you for the inquiry.
The theme has its own advance layout builder, so using another builder from a different plugin is not necessary. Using a different builder could also cause layout issues because of missing template files. Unfortunately, we do not provide support for third party plugins as stated on our support policy. You may need to contact the plugins authors for additional assistance.
Best regards,
IsmaelHey getfletch,
Thank you for the inquiry.
You have to modify the enfold/js/avia-snippet-hamburger-menu.js file, look for this code around line 455.
if(burger.is(".is-active")) { burger.removeAttr("aria-expanded"); burger.removeClass("is-active"); htmlEL.removeClass("av-burger-overlay-active-delayed"); overlay.animate({opacity:0}, function() { overlay.css({display:'none'}); htmlEL.removeClass("av-burger-overlay-active"); animating = false; }); } else { set_list_container_height(); var offsetTop = header_main.length ? header_main.outerHeight() + header_main.position().top : header.outerHeight() + header.position().top; overlay.appendTo($(e.target).parents('.avia-menu')); burger_ul.css({padding:( offsetTop ) + "px 0px"}); first_level.removeClass('av-active-burger-items'); burger.addClass("is-active"); htmlEL.addClass("av-burger-overlay-active"); overlay.css({display:'block'}).animate({opacity:1}, function() { animating = false; }); setTimeout(function() { htmlEL.addClass("av-burger-overlay-active-delayed"); }, 100); first_level.each(function(i) { var _self = $(this); setTimeout(function() { _self.addClass('av-active-burger-items'); }, (i + 1) * 125); }); }
Just remove the animate function and replace it with css.
if(burger.is(".is-active")) { burger.removeAttr("aria-expanded"); burger.removeClass("is-active"); htmlEL.removeClass("av-burger-overlay-active-delayed"); overlay.css("opacity", function() { overlay.css({display:'none'}); htmlEL.removeClass("av-burger-overlay-active"); animating = false; return 0; }); } else { set_list_container_height(); var offsetTop = header_main.length ? header_main.outerHeight() + header_main.position().top : header.outerHeight() + header.position().top; overlay.appendTo($(e.target).parents('.avia-menu')); burger_ul.css({padding:( offsetTop ) + "px 0px"}); first_level.removeClass('av-active-burger-items'); burger.addClass("is-active"); htmlEL.addClass("av-burger-overlay-active"); overlay.css({display:'block'}); overlay.css("opacity", function() { animating = false; return 1; }); setTimeout(function() { htmlEL.addClass("av-burger-overlay-active-delayed"); }, 100); first_level.each(function(i) { var _self = $(this); setTimeout(function() { _self.addClass('av-active-burger-items'); }, (i + 1) * 125); }); }
Best regards,
IsmaelHey aaronpc,
Thank you for the inquiry.
Are you using a multilingual or translation plugin such as WPML or Polylang? These plugins have a sync menu option, which allows you to display different set of menu for each language or translate the original menu.
// https://wpml.org/documentation/getting-started-guide/translating-menus/
// https://polylang.wordpress.com/documentation/setting-up-a-wordpress-multilingual-site-with-polylang/navigations-menus/Best regards,
IsmaelHey adferger1,
Thank you for the inquiry.
Which font are you currently using? What you see is called FOUT or “flash of unstyled text”. You can read more about it in the following article.
// https://css-tricks.com/fighting-foit-and-fout-together/
The text “flashes” or changes because the font file is not yet loaded. Installing a cache plugin in this case usually helps.
If you are a developer, make sure that the browser is not set to “Disable Cache”, because when this option is enabled, the browser always retrieves the font files from the original source instead of the local machine, which may cause FOUT. You will usually find this option in the Networks tab of the developer tools.
Best regards,
IsmaelHi,
Thank you for the info.
We adjusted the filter in the functions.php file a bit. The post items from the selected category are now displaying properly in the magazine element with the selected or sticky post above.
This is the updated code.
/* https://kriesi.at/support/topic/sticky-posts-in-magazine-element/ */ add_filter('avf_magazine_entries_query', 'avf_magazine_entries_query_sticky', 10, 2); function avf_magazine_entries_query_sticky($query, $params) { $include = array(); $sticky = get_option( 'sticky_posts' ); if(is_single(10137)) { $sticky = array(get_post(4649)->ID); } $query['post__not_in'] = $sticky; $posts = get_posts( $query ); foreach($posts as $post) { $include[] = $post->ID; } $include = array_merge($sticky, $include); $query['post__in'] = $include; $query['orderby'] = 'post__in'; // sort items based on the post__in value return $query; }
We replace is_page with the is_single function because the magazine element is inside a post.
if(is_single(10137)) { $sticky = array(get_post(4649)->ID); }
We also placed the post with the ID 4649 inside an array. If you need to display a different sticky post on a different page, just duplicate the if statement above and replace the post IDs.
if(is_single(113)) { $sticky = array(get_post(235)->ID); }
The changes above will display the post with the ID 235 as a sticky item inside a post with the ID 113.
Best regards,
IsmaelHi,
The avia_ajax_search function is located in the functions-enfold.php file. By default, it is using the get_posts function to retrieve the posts.
/** * @used_by Avia_Relevanssi 10 * * @param string $function_name * @param array $search_query * @param array $search_parameters * @param array $defaults * @return string */ $query_function = apply_filters( 'avf_ajax_search_function', 'get_posts', $search_query, $search_parameters, $defaults );
You may need to use the avf_ajax_search_function in order adjust it to the function used by the plugin.
Best regards,
IsmaelHey SurigliaStudio,
Thank you for the inquiry.
This is possible, but you have to modify the enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.js file. Look for this code around line 26.
current.addClass('active_sort');
And below, add this code.
window.location.hash = decodeURI(current[0].outerText).toLowerCase();
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the modification.
Best regards,
IsmaelHi,
We edited the functions.php file and adjusted the script a bit for the new mobile menu.
// add search bar to mobile menu function ava_custom_script_mod_search_mobile() { ?> <script> (function($) { $(document).ready(function() { var page = window.location.href; var search = '<form action="'+page+'" method="get" class=""><div><input type="submit" value="?" id="searchsubmit" class="button avia-font-entypo-fontello"><input type="text" id="s" name="s" value="" placeholder="Search"></div></form>'; $('.av-burger-menu-main a').on('click', function() { if($(".av-mobile-search").find('form').length == 1) return; setTimeout(() => { $("<div class='av-mobile-search'>" + search + "</div>").prependTo('#av-burger-menu-ul'); }, 300); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_mod_search_mobile', 10000);
The search bar is now added above the mobile menu items but it will require a bit of css modification. You can start with the following.
.av-mobile-search div { position: relative; }
Best regards,
IsmaelHi,
We could modify the class-responsive-images.php > prepare_single_image function a bit and add a condition which prevents the theme from adding the scrset attribute when an array contains the current attachment or image ID. We could also add a filter so that we could modify the array in the future.
Look for this code inside the function..
if( is_numeric( $attachment_id ) || 0 != $attachment_id ) { $new_img = $this->add_attachment_id_to_img( $new_img, $attachment_id ); }
.., and replace it with:
if( (is_numeric( $attachment_id ) || 0 != $attachment_id) && !in_array($attachment_id, apply_filters("avf_srcset_exclude_images", array())) ) { $new_img = $this->add_attachment_id_to_img( $new_img, $attachment_id ); }
The filter can be used as follows.
add_filter("avf_srcset_exclude_images", function($exclude) { $exclude = array(123, 111, 141); return $exclude; });
Best regards,
IsmaelHi,
Yes, we need an admin account in order to check the issue. Please post the details in the private field, and make sure that the Appearance > Editor panel is accessible.
Best regards,
IsmaelSeptember 13, 2021 at 12:29 pm in reply to: Scroll Down Arrow – Color Section Layout Element – URL Change #1320716Hi,
Thank you for the info.
We adjusted the script a bit based on this thread (https://stackoverflow.com/questions/1397329/how-to-remove-the-hash-from-window-location-url-with-javascript-without-page-r/5298684#5298684).
/* Remove the down arrow #av_section_3 from https://example.com/#av_section_3 on first load */ function ava_custom_script_remove_hash() { ?> <script> function removeHash () { history.pushState("", document.title, window.location.pathname + window.location.search); setTimeout(function() { window.scrollTo(0, 0); console.log("scrolled"); }, 500); } window.addEventListener("DOMContentLoaded", function() { console.log("remove hash"); removeHash(); }); </script> <?php } add_action('wp_footer', 'ava_custom_script_remove_hash', 999);
It should be working properly now. Make sure to purge the cache or test the site on incognito mode.
Best regards,
IsmaelHi,
No problem. Please let us know if you need anything else. We will close this thread for now.
Have a nice day.
Best regards,
IsmaelHey umnique,
Thank you for the inquiry.
Did you update the theme to version 4.8.6.1? Please post the site details in the private field so that we could check the issue properly. Make sure that the Appearance > Editor is accessible.
Best regards,
IsmaelSeptember 13, 2021 at 12:04 pm in reply to: How can I hide the active thumbnail image in gallery? #1320706Hey justingd83,
Thank you for the inquiry.
The site above actually contains two gallery, one after another. Only one image is selected in the first gallery and 3 images in the gallery below.
Best regards,
IsmaelHey bowlandwalks,
Thank you for the inquiry.
You could manually embed the captions directly before rendering the video. But if you are going to rely on the builtin caption, this might not possible. Please check the documentation for more info.
// https://support.google.com/youtube/answer/2734796?hl=en
Best regards,
IsmaelSeptember 13, 2021 at 8:03 am in reply to: Scroll Down Arrow – Color Section Layout Element – URL Change #1320646Hey Jasmer,
Thank you for the inquiry.
We could use the following script in the functions.php file to remove any hash on initial load.
function ava_custom_script_remove_hash() { ?> <script> (function($) { $(document).ready(function() { var hash = location.hash.replace('#',''); if(hash != '') { location.hash = ''; } }); })(jQuery); <?php } add_action('wp_footer', 'ava_custom_script_remove_hash');
Please toggle or temporarily disable the Enfold > Performance > File Compression settings, and purge the cache after adding the code.
Best regards,
IsmaelSeptember 13, 2021 at 7:49 am in reply to: No audio in my full screen video all of a sudden #1320645Hi,
Thank you for the inquiry.
The background of any color section is muted by default because you cannot autoplay a media file if audio is enabled. Only muted autoplay is allowed as described in this article.
// https://developer.chrome.com/blog/autoplay/
Chrome’s autoplay policies are simple:
Muted autoplay is always allowed.
Autoplay with sound is allowed if:
The user has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
The user has added the site to their home screen on mobile or installed the PWA on desktop.
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.Best regards,
IsmaelHi,
You have to check for the term name, not the taxonomy name. What is the name of the custom taxonomy and what are the terms or categories inside that particular taxonomy?
Best regards,
IsmaelHi,
Thank you for the info.
It is not working because you did not select any image in the Masonry Gallery element. Please try to edit the masonry element, edit the gallery and select the images manually.
Best regards,
IsmaelHi,
Great! Glad it is now back to infinite scrolling. Please us know if you need anything else. We will close this thread for now.
Have a nice day.
Best regards,
IsmaelHey JaimBateman,
Thank you for the inquiry.
The same code above should work for sticky posts but for the grid layout, you have to replace avia_blog_post_query with the avia_post_slide_query filter. Let us know if that helps.
Best regards,
IsmaelSeptember 13, 2021 at 4:46 am in reply to: Several issues when viewing website on iPhone, Safari, and iPad Chrome/Safari #1320619Hey QuantumPhysics,
Thank you for the inquiry.
We are able to reproduce the menu issue on a Simulator but not the others as shown in the screenshot below.
Screenshot: https://imgur.com/rwxmUPM
Adding the following css code should fix the menu issue.
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a .avia-menu-text { color: #333333; display: block !important; }
Best regards,
IsmaelHey Guenter,
Thank you for the inquiry.
Looks like you are using the Fullwidth Slider, which does not set the slide image as background. Are you referring to the Fullscreen Slider element? The theme is using the post_thumbnail_html filter to modify the html of the attachment or image and apply the wp-image-id class name. You can find the function in the enfold/framework/php/class-responsive-images.php -> add_attachment_id_to_img.
Best regards,
IsmaelHi,
Yes, the minification option from the plugin should be the same as in the theme, so you can just enable it instead. Or install the Autoptimize plugin, which works well with the theme’s Performance > Disabling of template builder elements option. You should also keep the default file compressions settings disabled if you chose to install the Autoptimize plugin.
Best regards,
Ismael -
AuthorPosts