Forum Replies Created
-
AuthorPosts
-
Hi,
@danowen777: Thanks for helping!
@ESWEENEY113: Please don’t hesitate to open another thread if you need anything else. We’ll close this thread for now. :)Have a nice day.
Best regards,
IsmaelJuly 8, 2020 at 3:00 pm in reply to: Possible To Change Search Results Titles – Want To Change Portfolio To Brands #1228883Hi,
Thank you for the update.
We can use the avf_ajax_search_label_names filter to change the post type title. Usage examples can be found here:
// https://kriesi.at/support/topic/search-bar-8/#post-1003538
// https://kriesi.at/support/topic/change-products-wording-on-ajax-search-menu/#post-866050To sort the results by post type, try to use this snippet in the functions.php file.
function avf_order_search_by_posttype($orderby){ if (!is_admin() && is_search()) : global $wpdb; $orderby = " CASE WHEN {$wpdb->prefix}posts.post_type = 'portfolio' THEN '1' WHEN {$wpdb->prefix}posts.post_type = 'product' THEN '2' WHEN {$wpdb->prefix}posts.post_type = 'post' THEN '3' ELSE {$wpdb->prefix}posts.post_type END ASC, {$wpdb->prefix}posts.post_title ASC"; endif; return $orderby; } add_filter('posts_orderby', 'avf_order_search_by_posttype', 999, 1);// https://codex.wordpress.org/Plugin_API/Filter_Reference/posts_orderby
Best regards,
IsmaelHey Sergio,
Thank you for the inquiry.
You can use this snippet to make the window automatically scroll to the tab section element on page load.
add_action('wp_footer', function() { ?> <script> document.addEventListener("DOMContentLoaded", function() { var anchor = window.location.hash.substr(1); var tabTitle = document.querySelector('.av-section-tab-title[href="#' + anchor +'"]'); if(tabTitle) { var position = tabTitle.getBoundingClientRect().top; window.scrollTo(0, position); } return false; }); </script> <?php }, 9999);Best regards,
IsmaelJuly 8, 2020 at 2:00 pm in reply to: Image with Hotspots > Added YouTube Video – shortcomings #1228871Hey danowen777,
Thank you for the inquiry.
The theme automatically formats the content of the tooltip and encodes some characters in the front and backend, which is probably why it’s stripping some of the player markup. If you want to disable the formatting, we have to modify the enfold\config-templatebuilder\avia-shortcodes\image_hotspots\image_hotspots.php, look for this code around line 854:
$output .= "<div class='av-image-hotspot av-image-hotspot-{$counter} {$hotspot_tooltip_display}' data-avia-tooltip-position='{$data_pos}' data-avia-tooltip-alignment='{$align}' data-avia-tooltip-class='{$tooltip_width} {$tooltip_pos} {$extraClass} {$tooltip_style} av-tt-hotspot' data-avia-tooltip='".esc_attr(ShortcodeHelper::avia_apply_autop($content))."' style='{$pos_string}'>";Remove the esc_attr and avia_apply_autop wrapping the $content.
$output .= "<div class='av-image-hotspot av-image-hotspot-{$counter} {$hotspot_tooltip_display}' data-avia-tooltip-position='{$data_pos}' data-avia-tooltip-alignment='{$align}' data-avia-tooltip-class='{$tooltip_width} {$tooltip_pos} {$extraClass} {$tooltip_style} av-tt-hotspot' data-avia-tooltip='".$content."' style='{$pos_string}'>";Best regards,
IsmaelHi,
Thank you for the info.
You can pull the mega menu upwards with this css code.
#header_main_alternate { margin-top: -50px; }Please don’t forget to toggle or disable the Performance > File Compression settings after adding the code.
Best regards,
IsmaelHi,
Thank you for the update.
Where can we see the issue again? The content slider is working properly in post page, but the top bar layout is a bit different in the post compare to the home page — the menu items are missing. (see private field)
Best regards,
IsmaelHi,
Do you want to remove the category blog when you’re on the single post page? What happens when you remove the breadcrumb filter above?
You may need to replace is_archive with is_singular(‘post’).
if(!is_archive()) {.. to:
if(!is_singular('post')) {This should remove the categories from the breadcrumb, or prevent them from displaying.
A direct link to a post with the breadcrumb issue will help.
Best regards,
IsmaelHi,
Thanks for chiming in.
You have to apply the order property to the child elements or the columns, and the flex display property should be applied to the parent container, in this case the color section.
// https://www.w3schools.com/cssref/css3_pr_order.asp
// https://www.w3schools.com/css/css3_flexbox.aspThe class and ID attribute can be added in the element’s Advanced > Developer Settings toggle.
If you want to learn more about the flexbox layout, please check this article.
// https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Best regards,
IsmaelHi,
Are you sure that you’re on the right page when selecting the slider? We created two sliders on our installation, one for EN and another for ES and they both show up on their designated pages.
Please check these screenshots.
ES: https://imgur.com/dcwg6FV
EN: https://imgur.com/h5FJMMOWhen editing a translated page, try to go directly to the Pages panel after switching to a different language, then select the page from there.
Best regards,
IsmaelHi,
Sorry for the delay. We didn’t really find any errors in the page aside from the duplicated scrollbar. Do you happen to know why the scrollbar is duplicated? Did you add any css modifications?
Is it possible to clone the site to a sub domain or a staging environment so that we can test it properly?
Best regards,
IsmaelHi,
Glad to know that it’s working now and thank you for sharing the info. We’ll close the thread now.
Have a nice day.
Best regards,
IsmaelJuly 7, 2020 at 1:57 pm in reply to: Enfold or Slider Revolution conflict showing Vimeo video in slider #1228594Hi,
Thank you for the update.
This looks like a plugin error because SP_PCP_Resize.process() is not a theme function. To fix the issue with the file compression, try to disable the timestamp or add a custom one in the Performance > File Compression section, enable the Show advanced options and set the Unique timestamp of merged files to the second option.
Best regards,
IsmaelJuly 7, 2020 at 1:50 pm in reply to: Linking between different Akkordeon elements on different sites using Anchors #1228591Hi,
Thank you for the update.
That is surely possible but it’s not available in the theme by default. Unfortunately, it will require modifications that are beyond the scope of support, so you might have to hire someone else.
What you need to do is create a link with a specific parameter or payload containing info about the text element or maybe a scroll position value within the view port and the id of the toggle that you want to open, and based on this value the script will automatically cause the window to scroll until it reaches the position specified in the parameter. The URL will look something like this:
https://site.com/page/?position=500&toggle=4The script will probably look something like this:
var url = new URL(window.location.href); var pos = url.searchParams.get("position"); var toggle = url.searchParams.get("toggle"); // trigger click event for toggle 4 // scroll to positionBest regards,
IsmaelJuly 7, 2020 at 1:31 pm in reply to: Support for srcset also for background image in the color section #1228585Hi,
Thank you for the info.
Did you install or activate any lazy loading option in your site? It probably causes the images to load after the scripts.
One solution is to load the images asynchronously instead of waiting for other resources to load, but it will require a bit of modification. For the color section, we have to modify the themes\enfold\config-templatebuilder\avia-shortcodes\section.php file and remove the background image property. We will then replace it with a data-src attribute containing the image URL.
Please replace the section.php file with this code.
// https://pastebin.com/0ZiZb5iE
Then add this snippet in the functions.php file.
add_action('wp_head', function() { ?> <script> (() => { 'use strict'; const objects = document.getElementsByClassName('asyncImage'); Array.from(objects).map((item) => { const img = new Image(); img.src = item.dataset.src; img.onload = () => { item.classList.remove('asyncImage'); return item.nodeName === 'IMG' ? item.src = item.dataset.src : item.style.backgroundImage = url(${item.dataset.src}) }; }); })(); </script> <?php }, 999);After that, edit the color section element, go to the Advanced tab and use “asyncImage” as a Custom CSS Class name. The script will look for the color section with the “asyncImage” class attribute, load the URL inside the data-src attribute and place it as a background when it’s is fully loaded. This will all happen while the page is loading.
This is from: https://medium.com/front-end-weekly/how-to-optimize-image-loading-on-your-website-855020fb41ae
Best regards,
IsmaelHi,
Thank you for the update.
There’s no option for it by default but your solution should be enough to only display the toggle for the current language.
Best regards,
IsmaelHey Alexander,
Thank you for the inquiry.
1-3.) You can use the Simple Image Sizes plugin to adjust the maximum size of the featured image or thumbnail used in the posts. After activating the plugin, go to the Settings > Media panel and look for the “portfolio” thumbnail. Adjust the width and height, update or save the changes, then regenerate the thumbnails.
// https://wordpress.org/plugins/simple-image-sizes/
4.) You can adjust the style of the heading tags in the Enfold > Advanced Styling panel.
5.) You have to install a translation plugin like Loco Translate or Say What? in order to translate the text in the templates.
// https://wordpress.org/plugins/loco-translate/
// https://wordpress.org/plugins/say-what/And please note that we always encourage users to open separate threads for each inquiry instead of including them in a single post because it will be a lot easier for moderators to answer the question or request, and make it easier for users who might be searching for the same solution.
Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the info.
The content is actually saved in a file inside the dynamic_avia folder. The database entry is only used to combine the content of the enqueued or registered scripts in the site, then the theme converts it to an actual JS file.
If you want to get rid of it, you have to disable JS compression in the Performance > File Compression panel, and use a plugin like Autoptimize instead.
Best regards,
IsmaelHey Rhodo,
Thank you for the inquiry.
The element doesn’t support sticky posts by default, but you might be able to use this same filter to adjust the posts query and include the sticky posts.
// https://kriesi.at/support/topic/sticky-posts-in-b-og-grid/#post-692059
Replace avia_post_slide_query with the avia_masonry_entries_query filter.
Best regards,
IsmaelHi,
Sorry for the delay. Instead of using the default gallery, try to use the gallery shortcode or element from the theme. You can insert the gallery by switching the editor to visual mode, look for the shortcode wand and locate the Media Elements > Gallery shortcode. In the gallery editor, go to the Styling panel and set the Gallery Style to the second option, and select No Scaling for both Gallery Big Preview Image Size and Gallery Preview Image Size settings. You should also disable the cropping option.
We created a test page and added the theme’s gallery to it. (see private field)
Best regards,
IsmaelJuly 6, 2020 at 8:39 pm in reply to: Erweiterter Layout Editor zerstört Layout beim ändern von Elementen #1228357Hi,
Sorry for the delay. The shortcode that you posted above is invalid and it will certainly break the site. It doesn’t have the main wrapper of the toggle shortcode.
This is the correct shortcode format of the toggle element.
[ av_toggle_container initial='0' mode='accordion' sort='' styling='' colors='' font_color='' background_color='' border_color='' colors_current='' font_color_current='' background_current='' background_color_current='' background_gradient_current_color1='' background_gradient_current_color2='' background_gradient_current_direction='vertical' hover_colors='' hover_background_color='' hover_font_color='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' av_uid=''] [ av_toggle title='Toggle 1' tags=''][/av_toggle] [ av_toggle title='Toggle 2' tags=''][/av_toggle] [ /av_toggle_container]Best regards,
IsmaelHi,
Sorry for the delay. You can only upload Google fonts in the theme’s font manager. If you want to use a custom font from a different source, use the @font-face rule.
// https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Make sure to use the absolute or complete path of the font files.
Example:
@font-face { font-family: myFirstFont; src: url(https://site.com/exact/location/to/font/sansation_light.woff); }Best regards,
IsmaelHi,
Thank you for the update.
We also found this filter, which might help adjust the number of total pages shown in the pagination.
// define the woocommerce_pagination_args callback function avf_filter_woocommerce_pagination_args( $array ) { $array['total'] = 5; return $array; }; add_filter( 'woocommerce_pagination_args', 'avf_filter_woocommerce_pagination_args', 10, 1 );Please remove the browser cache after adding the snippet.
Best regards,
IsmaelJuly 6, 2020 at 7:43 pm in reply to: Nur Burger Menu auf bestimmten Seiten | only Burger Symbol on specific pages #1228348Hi,
We provided a reply on the other thread which contains the same issue, so we’ll close this one for now. Please continue here: https://kriesi.at/support/topic/burger-when-scrolling-down/#post-1225769
Best regards,
IsmaelHey!
This documentation regarding paypal issues might also help.
Regards,
IsmaelHi,
We are still getting this error after adding a ticket.
Warning: count(): Parameter must be an array or an object that implements Countable in/wp-content/plugins/event-tickets/src/Tribe/Commerce/PayPal/Cart/Unmanaged.phpDid you already do these steps?
// https://theeventscalendar.com/knowledgebase/k/configuring-tribe-commerce-with-paypal/
As far as we’ve gotten, the issue seems to be in generating the invoice number in the event-tickets/src/Tribe/Commerce/PayPal/Cart/Unmanaged.php. It’s supposed to read the invoice number from a cookie, but it doesn’t exists.
/** * {@inheritdoc} */ public function exists( array $criteria = [] ) { if ( null !== $this->invoice_number ) { $invoice_number = $this->invoice_number; } else { $invoice_number = $this->read_invoice_number(); } // ENDS HERE because $invoice_number is null or undefined if ( false === $invoice_number ) { return false; } return (bool) get_transient( self::get_transient_name( $invoice_number ) ); }Can we deactivate the plugins temporarily, or is there a staging version of the site where we can test this fully?
Best regards,
IsmaelJuly 6, 2020 at 7:04 pm in reply to: how to load a child-theme avia-default script conditionally #1228345Hey Guenter,
Thank you for the inquiry.
You will probably need the avia_enqueue_script_conditionally function and pass the condition to it. If condition is true, register the script, if not then deregister it.
Best regards,
IsmaelJuly 6, 2020 at 6:59 pm in reply to: Tab section: Tabs added in new row instead of being aligned horizontally #1228344Hi,
Thank you for the update.
If decreasing the font size is not an option, we can then instead modify the themes\enfold\config-templatebuilder\avia-shortcodes\tab_section\tab_section.js file directly and include an additional 20px to the minimum width of the title container.
Look for this code around line 84:
tab_wrap.css('min-width', min_width);Replace it with:
tab_wrap.css('min-width', min_width + 20);This is almost the same as using the css code that Victoria suggested above.
Please don’t forget to toggle the Performance > File Compression settings after adding the code.
Best regards,
IsmaelJuly 6, 2020 at 6:50 pm in reply to: No ReadMore or Pagination on alternative template Blog Posts #1228343Hi,
Looks like you’ve already managed to get the read more links to display in the archive page. Did you set the “For each post in a feed, include” option in the Settings > Reading panel to “Summary”?
Thank you for your patience.
Best regards,
IsmaelHi,
Sorry for the delay. You have to include the script in the snippet that we provided previously and wrap the css code with the css media query. Please post the login details in the private field so that we can test the modifications. Make sure that the Appearance > Editor panel is accessible.
css media query:
@media only screen and (min-width: 1024px) { .responsive #top .av-main-nav .menu-item { display: block; } .responsive #top .av-main-nav .menu-item-avia-special { display: block; } .responsive .av-burger-menu-main.hide_burger_show_menu { display: block; } #avia-menu .hide_menu_show_burger { display: none !important; } #header.av_header_transparency .av-burger-menu-main.hide_burger_show_menu { display: none !important; } #header.av_header_transparency .av-burger-menu-main:not(.hide_burger_show_menu) { display: none !important; } }script:
add_action('wp_footer', 'ava_burger_toggle_on_scroll'); function ava_burger_toggle_on_scroll(){ ?> <script type="text/javascript"> (function($) { function avia_scroll_top_menu() { var win = $(window), menu = $('.responsive #top .av-main-nav .menu-item'), burger = $('.responsive #top .av-main-nav .menu-item-avia-special, .responsive .av-burger-menu-main'), set_status = function() { var st = win.scrollTop(); if(st > 100) { menu.addClass('hide_menu_show_burger'); menu.removeClass('hide_burger_show_menu'); burger.removeClass('hide_menu_show_burger'); burger.addClass('hide_burger_show_menu'); } else if(menu.is('.hide_menu_show_burger')) { burger.addClass('hide_menu_show_burger'); burger.removeClass('hide_menu_show_burger'); menu.removeClass('hide_menu_show_burger'); menu.addClass('hide_burger_show_menu'); } }; win.on( 'scroll', function(){ window.requestAnimationFrame( set_status )} ); set_status(); } if($(window).width() > 1024) { avia_scroll_top_menu(); } })(jQuery); </script> <?php }Best regards,
Ismael -
AuthorPosts
