Forum Replies Created
-
AuthorPosts
-
Hi,
We cannot access the screenshot for some reason. Would you mind allowing access to the countries listed in this page?
Some of the moderators that replied in this thread including myself are from the Philippines, so allowing connections or access coming from it should do.
Best regards,
IsmaelFebruary 3, 2021 at 6:59 am in reply to: Close a hot-spot by clicking anywhere away from it #1277247Hey whdsolutions,
Sorry for the delay. This should be possible, but we have to directly modify the AviaTooltip function in the themes\enfold\js\avia.js, and bind a new event to the body tag so that when you click anywhere else, all tooltips will close. Please look for this code around line 1596.
if (this.options.event != 'click') { this.scope.on('mouseleave', default_tooltips, $.proxy(this.hide_tooltip, this)); this.scope.on('click', default_tooltips, $.proxy(this.hide_on_click_tooltip, this)); } else { this.body.on('mousedown', $.proxy(this.hide_tooltip, this)); }Below, add this code.
this.body.on('click', $.proxy(this.hide_all_tooltips, this));You may need to toggle or temporarily disable the Performance > File Compression settings after doing the modification.
Best regards,
IsmaelHi,
Thank you for the info.
There is a critical error in the site, so we are not able to access the dashboard. Please correct the issue or disable the plugin temporarily so that we could access the site, and post the FTP details in the private field so that we could debug the issue further.
Best regards,
IsmaelFebruary 3, 2021 at 5:46 am in reply to: Random background image (possibly from a list) in color section #1277235Hi,
Thank you for the info.
I added the class ‘randomized’ to the section.
You have to use randomized as the ID of the section, not one of its class names. And make sure to adjust the name of the images to their actual names in the Media > Library.
Best regards,
IsmaelHey vbonora,
Thank you for the inquiry.
This is possible but the AJAX search functionality will not work, so it is going to be a normal search field where you have to check the results in the actual search page.
To add the search form in the menu, please add these functions in the functions.php file.
add_filter( 'wp_nav_menu_items', 'avf_add_search', 9999, 2 ); function avf_add_search( $items, $args ) { if ($args->theme_location == 'avia') { $search = '<li id="menu-item-search-mobile" class="menu-item"></li>'; $items = $search . $items; } return $items; } add_action('wp_footer', 'avf_add_search_script'); function avf_add_search_script(){ ?> <script type="text/javascript"> (function($) { $('.av-burger-menu-main').on('click', function() { var page = window.location.href; var mobile = $('.menu-item-search-mobile'); 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>'; setTimeout(function() { if(mobile.find('form').length == 1) return; mobile.html(search); }, 500); }); })(jQuery); </script> <?php }Then use this css code to adjust the style of the search field.
#top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items.menu-item-search-mobile { padding: 0 30px; position: relative !important; } #top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items.menu-item-search-mobile form { position: relative !important; }Best regards,
IsmaelHi,
Thank you for the update.
You can use this css code to adjust the style of the button element.
#top .avia-button-fullwidth { width: calc(100% - 40px); padding: 20px; font-size: 1.5em; margin: 20px; }And to create spaces between the elements, you can either apply a margin to them, again with the use of css code or insert an hr/separator element.
Best regards,
IsmaelHi,
Thank you for the info.
Why do you have a copy of the config-events-calendar and of the framework folders in the child theme? You cannot override the config and framework functions by copying them in the child theme. Please remove those folders first, then we will check the issue again.
Best regards,
IsmaelFebruary 3, 2021 at 5:14 am in reply to: PDF tracking in Google Analytics from button click #1277229Hi,
There are other tracking tools out there such Matomo or Hotjar, but the most popular and maybe the easier to implement is Google Analytics because all the options that you need are already in the console, which has a very good UI. All you need to do is create a goal and set up the triggers or conditions e.g., click, scroll, DOM changes, form submission etc., to track an event.
Here is a good tutorial on how to track Google Tag Manager events.
Best regards,
IsmaelHi,
The css code above is supposed to decrease the space between the content slider. If you want to increase the space between the rows, use this css code instead.
.template-shop .products .product { margin: 0 1% 5% 0; width: 32.6%; }Best regards,
IsmaelHi,
Thank you for the update.
Would you mind if we access the dashboard? Please provide the WP and the FTP details in the private so that we could check the issue properly.
Best regards,
IsmaelFebruary 3, 2021 at 4:48 am in reply to: Shortcode problem – It displays outside the place of placement #1277226Hi,
Thank you for the update.
Have you tried using a different shortcode inside the code block? Does it work as intended? If it does, then the issue is with how the plugin renders its shortcode output. Again, please provide a link to the plugin page so that we could test it on our end.
UPDATE: Looks like the URL above is now working and according to the description, there are only 100 active installations for this plugin, so it has not been tested a lot. Have you tried looking for another plugin that has the same functionality?
Best regards,
IsmaelHi,
You could set up a new menu location in the main header area by editing the includes > helper-main-menu.php file or use the existing template hooks inside the header template such as the ava_after_main_menu, and adjust its position with css so that it looks like it is inside the top bar. You will need the wp_nav_menu function to do this.
// https://developer.wordpress.org/reference/functions/wp_nav_menu/
The top menu is usually used as a support navigation and is not really intended to be used for multilevel menu.
Best regards,
IsmaelHi,
Thank you for the info.
You could create a custom shortcode for it instead of directly embedding the iframe code in the builder. Please try this code in the functions.php file to create the custom shortcode.
// amazon widget function avs_amazon_widgets_cb( $atts ) { $params = shortcode_atts( array( 'tracking_id' => 'alevivaamazon-21', 'language' => 'de_DE', 'region' => 'DE', 'placement' => '', 'asins' => '', 'linkId' => '' ), $atts ); return "<iframe style='width:120px;height:240px;' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' src='//ws-eu.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=DE&source=ss&ref=as_ss_li_til&ad_type=product_link&tracking_id={$params['tracking_id']}&language={$params['language']}&marketplace=amazon®ion={$params['region']}&placement={$params['placement']}&asins={$params['asins']}&linkId={$params['linkId']}&show_border=true&link_opens_in_new_window=true'></iframe>"; } add_shortcode( 'avs_amazon_widget', 'avs_amazon_widgets_cb' );And in a code or text block, use this shortcode.
[avs_amazon_widget tracking_id="alevivaamazon-21" language="de_DE" region="DE" placement="B0049U0DMC" asins="B0049U0DMC" linkId="b4e61f81e27ae4ef8bb010781a7069f0"]Result: https://imgur.com/2eBXflX
You may notice that there are certain parameters in the shortcode such as the tracking_id, placement, linkId etc, which should be adjusted based on the actual value of the parameters from the amazon iframe or embed code.
Best regards,
IsmaelFebruary 2, 2021 at 1:08 pm in reply to: Tab Section, individual tab height not showing correctly #1277130Hi,
Thank you for the info.
Please try to modify the enfold\config-templatebuilder\avia-shortcodes\tab_section\tab_section.js and look for this code around line 192..
win.on('debouncedresize av-content-el-height-changed', set_slide_height);.. and attach the “av_resize_finished” to the .on function, or replace it with the following code.
win.on('debouncedresize av-content-el-height-changed av_resize_finished', function () { setTimeout(set_slide_height, 500); });This should cause the tab section to resize once the portfolio grid columns are fully adjusted. We also added a bit of delay before executing the set_slide_height function.
Best regards,
IsmaelFebruary 2, 2021 at 12:51 pm in reply to: Shopify "Buy now" button (Javascript code integration) Problem! #1277117Hi,
Have you tried creating a custom shortcode for the shopify button instead of directly embedding the code in a text or code block? This should keep you from directly using html tags that could potentially break the layout of the builder and instead use the custom shortcode.
// https://codex.wordpress.org/Shortcode_API
Regarding the anchor, it is not working correctly because the ID has been applied to an anchor inside the section. You have to directly apply the segment-3 ID to the color section.
<div id="segment-3" style="height:1px; margin-top:0px" class="hr hr-invisible avia-builder-el-67 el_after_av_buttonrow avia-builder-el-last "><span class="hr-inner "><span class="hr-inner-style"></span></span></div>Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the update.
Aside from the solutions above and from the previous threads, we could instead use this filter in the functions.php file to disable the AJAX search.
function avf_frontend_search_form_param_mod($params) { $params['ajax_disable'] = true; // disable ajax search return $params; } add_action('avf_frontend_search_form_param', 'avf_frontend_search_form_param_mod',9);Best regards,
IsmaelHi,
Sorry for the delay. Looks like you have disabled the header transparency on the page above. Please enable it again and use the following filter in the functions.php file to adjust the scroll position.
function avf_header_setting_filter_mod($header) { $header['header_scroll_offset'] = $header['header_scroll_offset'] + 48; return $header; } add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);Best regards,
IsmaelHi,
Sorry for the delay. The search form looks broken because of this css code.
#top #searchform { display: inline-flex; }Did you add it somewhere? We are not really sure where it is located because the css files are currently compressed or minified. Please disable the minification so that we could locate the css code.
Or use this css code to override it.
#top #searchform { display: block !important; }You may need to disable the Performance > File Compression settings temporarily.
Best regards,
IsmaelFebruary 2, 2021 at 11:56 am in reply to: Overlay above the content while the cookies not accepted #1277095Hi,
Sorry for the delay. We updated the snippet so that the overlay is removed immediately after accepting the cookies. Please remove the previous script and replace it with the code below.
function ava_custom_privacy_overlay(){ ?> <script> (function($) { $(document).ready(function() { var consent = $(".avia-cookie-consent"); if(!consent.is(".cookiebar-hidden")) { $("<div class='cookie-overlay-mod'></div>").appendTo("#wrap_all"); } $(".avia-cookie-select-all").on("click", function() { $(".cookie-overlay-mod").remove(); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_privacy_overlay', 99);Best regards,
IsmaelHi,
Glad to know that you have managed to find a solution. We will close this thread for now. Please feel free to open another if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
Would you mind providing the WP and FTP login account so that we could check the issue properly? Please post the login details in the private field.
Best regards,
IsmaelHi,
Great! Glad it worked! Thank you for your support and for using the theme. Please do not hesitate to open a new thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
That should be possible with the following css code but you may need to also adjust the rest of the elements within the header container. Please look for the css using this selector..
.responsive #top #header #header_main .inner-container .main_menu.. and add these properties..
position: absolute; width: 110vw; bottom: -30px; left: -20vw;Or just use this css code.
.responsive #top #header #header_main .inner-container .main_menu { order: 3; flex-basis: 100%; align-items: center; align-self: center; height: inherit !important; background: gold; justify-content: center; position: absolute; width: 110vw; bottom: -30px; left: -20vw; }Best regards,
IsmaelFebruary 2, 2021 at 11:02 am in reply to: Paralax option blows picture up while extremely wide pic doesn't fill whole wndw #1277057Hi,
Yes, that is one way to control the position of the background image. We could also use css to adjust it manually on mobile view. Try this css code in the Quick CSS field or in the child theme’s style.css file.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .home #av_section_1 .av-parallax-inner { background-position: 35% 30% !important; } }// https://www.w3schools.com/cssref/pr_background-position.asp
Best regards,
IsmaelHi,
The left side is still broken with the image below the text.
As we mentioned above, there is an unclosed html tag in the title field of the post contained in the left navigation, which is why it is broken. You have to edit that post and make sure that all tags are closed properly. And you may need to refrain from using span tags inside the title field because it is the same tag used in the post nav.
Best regards,
IsmaelFebruary 2, 2021 at 10:50 am in reply to: How to make the Advanced Layer Builder DEFAULT when creating a new page/post? #1277046Hi,
Glad that you found a workaround! And regarding the jQuery Migrate, that option is actually useless at this point because jQuery Migrate is no longer enabled by default on WP 5.6. We will forward the issue to our channel and maybe have that option removed in the next versions of the theme.
Best regards,
IsmaelFebruary 2, 2021 at 10:44 am in reply to: Youtube video in slider does not go to next slide #1277044Hi,
Looks like the onStateChange is triggered properly on Safari. Please look for this code in the slideshow-video.js around line 310:
var command = _self.options.loop != false ? 'loop' : 'av-video-ended';Below, add this code.
console.log("YOUTUBE ENDED");After that, make sure to purge any cache and in the browser console, check if you can see the log that we created above.
Is it working correctly when minification or compression is completely disabled? Please try to disable the WP Rocket plugin temporarily, remove the browser cache, then test it again.
Best regards,
IsmaelHi,
We have not tested this on a multisite installation, but it should work fine as long as the theme is active. Do you have a multisite installation to test this with?
Best regards,
IsmaelHi,
is there a way where both can work together?
This may not be possible because when the responsive image option is enabled, WP will automatically select the appropriate size based on the current screen resolution instead of the selected thumbnail. Did you refresh the site or purge the cache before regenerating the images? Please make sure that the site is using the latest version of the theme, 4.7.6.4.
Would you mind providing the WP and FTP login details again so that we could test it properly?
Best regards,
Ismael -
AuthorPosts
