Forum Replies Created
-
AuthorPosts
-
Hi,
I see that the title is cut here, so the … is already within the Html.
The … is on the second line because of the br tag. You may have to disable it or change its display property to none.
.avia-post-nav br { display: none; }
Best regards,
IsmaelFebruary 3, 2021 at 2:15 pm in reply to: Portfolio für bestimmte Seite ohne verlinkung zu single portfolio #1277363Hey allespalettibystefan,
Thank you for the inquiry.
We could use the following script in the functions.php file to disable the masonry item link so that they will not redirect to the actual portfolio page when clicked.
// disable masonry link function ava_script_disable_masonry_link() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', ' (function($) { $(".av-masonry-entry").on("click", function(e) { e.preventDefault(); return false; }); })(jQuery); '); } } add_action( 'wp_enqueue_scripts', 'ava_script_disable_masonry_link', 9999);
Let us know how it goes.
Best regards,
IsmaelHi,
IMPORTANT: Please do not forget to create a backup or a restore point before doing the suggestion above just in case.
Best regards,
IsmaelHey marcie73,
Thank you for the inquiry.
You may also need to update the value of the _aviaLayoutBuilderCleanData post meta info, which is attached to the page or post when the advance layout builder is active. It contains the same value as the post_content.
Best regards,
IsmaelHey bonsaimedia,
Thank you for the inquiry.
Could you provide an example of the spotify embed code? You may need to create a custom shortcode for it, or try to use one of the following plugins.
// https://wordpress.org/plugins/spotify-play-button-for-wordpress/
// https://wordpress.org/plugins/spotify-embed-creator/To be able to create a custom shortcode, you may need to check the following documentation.
// https://codex.wordpress.org/Shortcode_API
Best regards,
IsmaelHi,
Sorry for the delay. The Enfold > Blog Layout > Blog Layout settings is set to use a default blog template. You have to set to the very last option so that the actual content of the Advance Layout Builder (ALB) displays in the blog page. We set it just now. Please check your blog page.
Best regards,
IsmaelHey Gary,
Thank you for the inquiry.
You could modify the enfold\config-templatebuilder\avia-shortcodes\menu\menu.js file and remove the condition that disables the sticky behavior when the burger menu is active, but you will see why it is so in the first place. Comment out line 55 of the said file or remove it completely.
/** * If we have burger menu active we ignore sticking submenus */ if( burger_menu.is(":visible") ) { this.css({top: 'auto', position: 'absolute'}); fixed = false; return; }
This will enable the sticky behavior on mobile view, but as you will notice, the menu position will be a bit off.
Best regards,
IsmaelHi,
Thank you for the update.
Have you tried applying a custom css class name or ID to the element where you need the date hidden? You can then prepend the custom class name or ID in the css that Jordan provided above.
.your-custom-css-class-name .slide-meta{ display:none!important; }
Best regards,
IsmaelFebruary 3, 2021 at 7:55 am in reply to: WP LayerSlider: One Slider lost his Transitions in Frontend #1277260Hi,
Sorry for the delay. We cannot reproduce the issue on our end, the second slide, with images of mobile and desktop devices, transitions fine and we do not see any errors in the console. Which browser are you using to test this with?
Best regards,
IsmaelHi,
Sorry for the delay. Looks like you have to managed to fix the issue by yourself because adding group products to the cart seems to be working properly now. If this is not the case, please edit the woocommerce-mod.js file inside the enfold > config-woocommerce folder and replace everything with the following code.
// https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_7_4/woocommerce-mod.js
Please do not forget to purge the cache and toggle the Performance > File Compression settings.
Best regards,
IsmaelHi,
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,
Ismael -
AuthorPosts