Forum Replies Created
-
AuthorPosts
-
February 11, 2021 at 5:12 pm in reply to: Left side bare under the product picture on single product page. #1279811
Hey Humle,
Thank you for the inquiry.
Did you also add the css code for the modification above? Please try to use the css code provided in the following threads.
// https://kriesi.at/support/topic/shop-sidebar-to-right-side/#post-1245585
// https://kriesi.at/support/topic/my-shop-page-changes-design-when-i-activate-it-as-my-shop-page/#post-1216451Best regards,
IsmaelHey wilfredhilbers,
Thank you for the inquiry.
The category sort seems to be working properly on our end. Would you mind providing a screenshot or a short clip of the issue so that we could see it? You can use dropbox, imgur or any file host for the screenshot and/or screencast.
Best regards,
IsmaelHi,
Sorry about the delay. The latest version with the new global or custom template option and the jQuery fixes will be available very soon. Unfortunately, we still do not know the exact date of the release yet. If you are experiencing any issues related to jQuery, you will have to use the jQuery Migrate Helper plugin and set the library to the old version.
Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the update.
Would you like to display the home icon on mobile view only, beside the menu icon? If so, please add this code in the functions.php file.
add_action("ava_main_header", function() { echo '<span style="display: none;" class="av-icon-char av-header-home-icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>'; }
And in the Quick CSS field, add this css code to display the icon on mobile view only.
@media only screen and (max-width: 767px) { .av-header-home-icon { display: block !important; } }
Best regards,
IsmaelFebruary 11, 2021 at 4:19 pm in reply to: Pagination – Call to undefined function Avia_Element_Templates #1279794Hi,
Thank you for the inquiry.
Looks like you have been handed a file that is not supposed to be out yet. Please revert the modifications done with the portfolio.php file, then use this code instead.
// https://pastebin.com/2VB42Vei
Make sure that the tag.php and taxonomy-portfolio_entries.php file have been modified.
Best regards,
IsmaelHey Michael,
Thank you for the inquiry.
Would you mind providing a short clip or a screenshot of the issue? We cannot reproduce it on our end, clicking on the hotspots does nothing as expected.
Best regards,
IsmaelFebruary 11, 2021 at 3:56 pm in reply to: Problems with WooCommerce Product Serach and Enfold Product Grid #1279786Hey marcfrey,
Thank you for the inquiry.
The plugin is probably altering the product query, which also affects the Product Grid element. Unfortunately, we are not familiar with the plugin’s code, so you may need to ask the plugin authors for additional assistance regarding the issue.
Best regards,
IsmaelHey Robin1987,
Thank you for the inquiry.
Have you tried using one of the single product template hooks to render a global banner in the product pages?
// https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/
You could use the woocommerce_before_single_product hook to render an image or additional content before the product.
Best regards,
IsmaelHi,
Thank you for the info.
We set the page as public, run it against the accessibility tool and are able to reproduce the same result as you described above. However, we cannot add labels to the listed input fields because they are decoys and are used to protect the contact form against bots.
This is an example of the hidden or decoy input field.
<p class="hidden"><input type="text" name="avia_5_2" class="hidden " id="avia_5_2" value=""></p>
Best regards,
IsmaelHi,
@nm: Have you tried adjusting the text manually from the Refuse Cookie Warning field as suggested above?
If this is not what you are looking, please create a new thread or ticket, then post the login details in the private field so that we could check the site properly.
Best regards,
IsmaelHi,
Thank you for the short clip.
It only happens in the demo because the gallery item has an absolute width of 80px, so the items in the row do not fit on certain screen sizes. We could set the width of the gallery item in percentage relative to the width of the parent container so that they fit together regardless of the screen size.
#top .gallery .gallery-item { width: 14%; }
Best regards,
IsmaelFebruary 11, 2021 at 3:05 pm in reply to: enfold masonry sort by date in the events calendar #1279769Hi,
Would you mind providing access to the file server so that we could test this properly? Please post the login details in the private field.
Thank you for your patience.
Best regards,
IsmaelHi,
Thank you for the update.
For some reason, the video is now loading immediately after clicking it once, but we only tested it on desktop and mobile emulation. Would you mind providing a screencast of the issue from your mobile phone?
Did you enable lazy loading? You might want to try and disable that option temporarily, see if it helps with issue.
Best regards,
IsmaelFebruary 10, 2021 at 8:10 pm in reply to: Enfold: Blätterfunktion von Seite 2 + 3 zurück auf Seite 1 funktioniert nicht #1279598Hi,
Thank you for the update.
Yes, please post the login details in the private field so that we could test the site properly.
You may also want to try and update the avia_extended_pagination_link function as recommended in this thread.
Best regards,
IsmaelHi,
Thank you for the info.
We implemented the following changes in your site.
These will be included in the next patch, so you do not have to add it again in the future. (see private field)
Best regards,
IsmaelFebruary 10, 2021 at 7:55 pm in reply to: Enfold with WordPress 5.6.1 – Background video & header logo #1279593Hey DC94,
Thank you for the inquiry.
You may need to set the slide’s Styling > Video Settings > Video Display to the second option so that the video stretches and covers the whole slider area. And for some reason, the header shrinks even though we have not scrolled yet, making the logo smaller. Did you modify any of the script?
Best regards,
IsmaelFebruary 10, 2021 at 3:32 pm in reply to: Enfold /woocommerce product slider – category , taxonomy #1279505Hey altei,
Thank you for the inquiry.
Have you tried adding those info as product attributes?
// https://docs.woocommerce.com/document/managing-product-taxonomies/
With this, it will be possible to use the default sorting widgets from the plugin that can sort products based on the attached attributes, and this will also allow you to create variable products.
Best regards,
IsmaelFebruary 10, 2021 at 3:28 pm in reply to: Popup Maker shortcode not working in Enfold Button #1279500Hey Suze,
Thank you for the inquiry.
It seems to be a conflict with the smooth scroll function from the theme. Try to add the no-scroll class name to the button to prevent the page from scrolling when it the button is clicked. The link or button markup should look like this.
<a href="#popmake-117" style="cursor: pointer;" class="avia-button no-scroll avia-color-theme-color avia-icon_select-yes-left-icon avia-size-small avia-position-center pum-trigger"> <span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> <span class="avia_iconbox_title">Click me</span> </a>
Best regards,
IsmaelHi,
Thank you for the update.
This is the result that we got when we checked the product page on Lighthouse. It is not that bad, but not great either. However, the CLS score, which is what you are more concerned about based on your posts above, is very low 0.048, which according to the web vitals documentation is quite good because it is less than 0.1.
Screenshot: moved to private field
What is a good CLS score? #
To provide a good user experience, sites should strive to have a CLS score of less than 0.1. To ensure you’re hitting this target for most of your users, a good threshold to measure is the 75th percentile of page loads, segmented across mobile and desktop devices.// https://web.dev/cls/#what-is-a-good-cls-score
You are probably just asking for unnecessary pain when you check the site performance on a throttled connection, and maybe try to lower your expectation a bit when doing so.
Best regards,
IsmaelFebruary 10, 2021 at 2:25 pm in reply to: Problemi con la visualizzazione mobile struttura Enfold #1279462Hi,
Thank you for the inquiry.
Would you consider hiding the caption container on mobile view? We could use this css code to do just that.
@media only screen and (max-width: 767px) { .slideshow_caption { display: none !important; } }
You could also use the Fullscreen Slider instead of the current one to provision more space for the captions.
Or display a completely different slider on mobile using the elements’ Advanced > Responsive > Element Visibility settings.
Best regards,
IsmaelFebruary 10, 2021 at 2:17 pm in reply to: Adding button to mute/unmute audio on fullscreen background video #1279455Hi,
That is odd. This might be another issue brought by the latest version of the jQuery library. Have you tried downgrading jQuery to the legacy or old version? Please try to install this plugin and set jQuery to the old version.
// https://wordpress.org/plugins/enable-jquery-migrate-helper/
Thank you for your patience.
Best regards,
IsmaelFebruary 10, 2021 at 2:15 pm in reply to: background video with option to on and off the sound #1279450Hi,
Thank you for the inquiry.
Another user created a quick tutorial on how to add an audio button in the full screen sliders. Please check the following link.
// https://webers-testseite.de/mute-unmute-video-slide/
Unfortunately, this customization is not running correctly or has issues on Safari browsers.
Best regards,
IsmaelFebruary 10, 2021 at 1:53 pm in reply to: How to add left sidebar to Enfold search results page #1279432Hi,
Thank you for the update.
The search template in the site looks different and it has a search field with the id “algolia-search-box”. Did you install a plugin to modify the search template? (see private field)
You may need to override the template file of the plugin and include the sidebar in it. Please check the search.php file in the parent theme folder for reference.
Best regards,
IsmaelFebruary 10, 2021 at 1:45 pm in reply to: Animierte Ziffern starten erst in der Mitte der Seite #1279429Hey peterbiermann,
Thank you for the inquiry.
That is possible, we could make the animation start earlier, but we have to modify the enfold\js\shortcodes.js directly. We have to adjust the offset value in this code located around line 224.
$('.avia_animate_when_visible', container).avia_waypoints(); $('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'}); if(container == 'body') container = '.avia_desktop body'; $('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
Decrease the offset value to 30% so that the animation starts once the element is positioned around 30% of the viewport height from the top. Set it to 0 to trigger the animation once the elements hits the very top of the viewport.
You may need to toggle or temporarily disable the Performance > File Compression settings after doing the modification.
Best regards,
IsmaelHi,
Thank you for the update.
That is quite odd. It is not possible unless the enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js file has been modified. This code in the _prepareSlides function around line 171 renders the fallback image on mobile view and replaces the video.
var alter = this.$slider.find('.av-mobile-fallback-image'); alter.each(function() { var current = $(this).removeClass('av-video-slide').data({'avia_video_events': true, 'video-ratio':0}), fallback = current.data('mobile-img'), fallback_link = current.data('fallback-link'), appendTo = current.find('.avia-slide-wrap');
Best regards,
IsmaelHi,
Thank you for the update.
We will try to help you debug the issue. First thing that we could do is set the installation to debug mode and enable the error logs so that we could check for any errors generated by the plugin. To do that, we have to edit the wp-config.php file and add this code.
// Enable WP_DEBUG mode define( 'WP_DEBUG', true ); // Enable Debug logging to the /wp-content/debug.log file define( 'WP_DEBUG_LOG', true ); // Disable display of errors and warnings define( 'WP_DEBUG_DISPLAY', true); @ini_set( 'display_errors', 1 ); // Use dev versions of core JS and CSS files (only needed if you are modifying these core files) define( 'SCRIPT_DEBUG', true );
// https://wordpress.org/support/article/debugging-in-wordpress/#example-wp-config-php-for-debugging
After adding the code, refresh the page, then activate the plugin again. Once the error occurs, look for any error messages in the screen or check the wp-content > debug.log file and post the error messages here.
What is the current PHP version? You may need to upgrade it to version 7.3, or to version 8.0 if it is already available in your server.
Best regards,
IsmaelHi,
Thank you for the info.
According to the checker, there are no known accessibility issue in the site.
There are potential problems, but most of them are not required to pass the accessibility test and usually done to support existing accessibility features.
Best regards,
IsmaelFebruary 10, 2021 at 1:16 pm in reply to: How to get Placeholder to correctly output shortcode #1279414Hi,
You may need to ask the plugin author to pass or include the do_shortcode function to the shortcode callback, or maybe there is a filter available that we could use to modify the shortcode content before it is returned. You have to ask the plugin author about that. It is possible that the shortcode (event_list) immediately returns the content without filtering the shortcode.
Best regards,
IsmaelHi,
Thank you for the update.
That looks about right except for the converted quotation marks. You may need to correct it for the scripts to work properly.
Best regards,
IsmaelFebruary 10, 2021 at 1:07 pm in reply to: Table of Contents (Widget): Exclude multiple classes #1279406 -
AuthorPosts