Forum Replies Created
-
AuthorPosts
-
Hi,
Glad @Guenni007 helped! Please feel free to open a new thread if you need anything else.
Have a nice day.
Best regards,
IsmaelApril 1, 2021 at 5:35 am in reply to: Enfold & Woocommerce: Displaying cross-sell products on product detail page #1291670Hey sescha,
Thank you for the inquiry.
The theme is using the avia_woocommerce_output_upsells function in the enfold > config-woocommerce > config.php file to render upsells, and you should be able to use almost the same function to include cross-sell products in the product page.
The function can be found around line 1303 of the mentioned file above, and it is attached to the woocommerce_after_single_product_summary hook.
Best regards,
IsmaelApril 1, 2021 at 5:30 am in reply to: Gallery Thumbnail Layout Issue on Chromium-based browsers #1291669Hi,
Thank you for the info.
We are able to reproduce issue on Chrome Windows 10, but we are not yet sure what is causing it. Temporarily, the solution in the following thread should help.
// https://kriesi.at/support/topic/enfold-photo-gallery-thumbnail-issue/#post-1260613
Best regards,
IsmaelApril 1, 2021 at 5:15 am in reply to: Responsive Features and Edited Content Sections Only Visible To Admin #1291666Hey ddezylva,
Thank you for the inquiry.
The missing elements or content are visible on our end even when we are not logged in, and the background image is correctly removed when we resize the browser. Is this still an issue on your end? We checked the site on Firefox Dev Windows 10.
Best regards,
IsmaelHi,
Thank you for the update.
We could not find the video in any of the color sections in the front page. Where did you apply it? Please provide a direct link to a test page so that we could check it.
Best regards,
IsmaelHi,
Thank you for the info.
The videos do not play automatically because the Privacy & Cookies > Cookie Handling > Default Cookie Behavior is set to the 4th option, which requires the users to manually opt in to external services including videos. You may have to set it to the first or second option if you want the videos to play automatically on page load.
Best regards,
IsmaelHi,
Thank you for the info.
We could use nth-child selectors to apply a different background for each slider item.
.avia-content-slider-inner .slide-entry-wrap:nth-child(1) { background: red; } .avia-content-slider-inner .slide-entry-wrap:nth-child(2) { background: orange; } .avia-content-slider-inner .slide-entry-wrap:nth-child(3) { background: blue; }
// https://www.w3schools.com/cssref/sel_nth-child.asp
And if you want to apply this to a specific content slider element only, you have to give the element a unique class name or ID.
// https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
IsmaelHi,
Thank you for the update.
What is the login URL? We tried the default login URL and direct access to the dashboard, but it returned 404. Please post the login URL in the private field and the link to the test page with the masonry gallery.
Best regards,
IsmaelHi,
Thank you for the inquiry.
We tried logging in using the credentials above but they do not work. Please check the info carefully. For the meantime, please try to disable the Enfold > Performance > File Compression settings temporarily, then update the font selection or upload the custom font again. Let us know if that helps.
Best regards,
IsmaelHi,
Thank you for the update.
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the latest css code that we provided above. Let us know if that helps.
Best regards,
IsmaelApril 1, 2021 at 4:31 am in reply to: After updating the ENFOLD theme a strange "white padding" appears in sections #1291657Hi,
Awesome! Glad to know that it is fixed. Please do not hesitate to open a new thread should you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Sorry for the late response, have been away for some days. Would you mind posting the login details again so that we could check this? The filter that we are referring to, if it is available, should be inside the function that the plugin is using to the output or render the content.
Have you tried using the new Custom Elements option from the theme? It should give you more flexibility with the button content and allow you to create custom dynamic elements, which can be modified globally.
// https://kriesi.at/documentation/enfold/custom-element-templates/
Best regards,
IsmaelApril 1, 2021 at 4:23 am in reply to: Multilanguage second DSGVO checkbox-text for contactform #1291655Hey phil-0071,
Thank you for the inquiry.
You should be able to add something like this in the functions.php file to change the text of the checkbox for another language.
add_action('after_setup_theme', function() { remove_filter( 'avf_sc_contact_form_elements', array( 'av_privacy_class', 'av_privacy_contactform_checkbox'), 10, 2 ); add_filter( 'avf_sc_contact_form_elements', 'av_privacy_contactform_checkbox_mod', 10, 2 ); }, 10); function av_privacy_contactform_checkbox_mod($fields, $atts) { $content = avia_get_option('privacy_message_contact'); if(pll_current_language("locale") == "en_GB") { $content = "CUSTOM TEXT FOR ANOTHER LANGUAGE en_GB"; } if( empty( $content ) ) { $content = av_privacy_class::get_default_privacy_message(); } $fields['av_privacy_agreement'] = array( 'label' => $content, 'type' => 'checkbox', 'options' => '', 'check' => 'is_empty', 'width' => '', 'av_uid' => '', 'class' => 'av_form_privacy_check av_contact_privacy_check', ); return $fields ; }
This line of code adjusts the content when the active or current language has the locale en_GB.
if(pll_current_language("locale") == "en_GB") { $content = "CUSTOM TEXT FOR ANOTHER LANGUAGE"; }
Adjust it as necessary.
Best regards,
IsmaelHi,
Sorry for the delay. You can use the filter that we provided in the following thread to adjust the order of the posts or events based on their start date.
// https://kriesi.at/support/topic/enfold-masonry-sort-by-date-in-the-events-calendar/#post-1280546
Just replace the avia_masonry_entries_query with avia_blog_post_query , and remove the conditional tag is_page.
Best regards,
IsmaelHey jomo5280,
Thank you for the inquiry.
We provided a modified version of the js > avia-snippet-megamenu.js in the following thread to activate the dropdown menu on tab focus. Please check the link below.
Best regards,
IsmaelHi,
Thank you for the update.
The layout builder breaks when the scripts are added because of the script tag itself, or the input fields inside if there are any. You may need to refrain from adding or embedding the script directly in the builder and create a custom shortcode for it instead.
// https://codex.wordpress.org/Shortcode_API
Related thread: https://kriesi.at/support/topic/shopify-buy-now-button-javascript-code-integration-problem/#post-1277117
Best regards,
IsmaelHey Jos,
Thank you for the inquiry.
The following css code should help adjust the header width so that it aligns properly with the wrapper.
.responsive.html_boxed.html_header_sticky #header { width: calc(1100px - 1px) !important; max-width: calc(90% - 1px) !important; }
Please disable the Enfold > Performance > File Compression settings temporarily after adding the css code.
Best regards,
IsmaelApril 1, 2021 at 3:26 am in reply to: How to get a Vimeo video with poster image to open in same window or lightbox #1291639Hey Annemarie,
Thank you for the inquiry.
You can use an Image element and apply the video URL as the link of the image. The theme then will automatically detect the link and open the video inside a lightbox. Make sure that the Enfold > Theme Options > Lightbox Modal Window option is enabled.
Best regards,
IsmaelHi,
Thank you for the update.
The css code no longer exists in the Quick CSS field, so we added it again. We also disabled the Performance > File Compression settings temporarily. Please do not forget to delete or purge the cache before checking the page.
Best regards,
IsmaelHi,
Thank you for the info.
It is not working properly because the font is being loaded via http instead of https, so the content or the font file gets blocked by the browser. Please try to remove the custom font, purge the cache, then upload it again in the font manager.
This is the error.
Blocked loading mixed active content “http://site.eu/wp-content/uploads/avia_fonts/type_fonts/oranienbaum/oranienbaum-regular.ttf” downloadable font: failed to start download (font-family: "oranienbaum" style:normal weight:400 stretch:100 src index:0): content blocked source: http://site.eu/wp-content/uploads/avia_fonts/type_fonts/oranienbaum/oranienbaum-regular.ttf
Best regards,
IsmaelHi,
You can use the default Tag Cloud widget or select from any widgets in the list below.
// https://wordpress.org/plugins/tag-list-widget/
// https://wordpress.org/plugins/cool-tag-cloud/
// https://wordpress.org/plugins/ultimate-tag-cloud-widget/Best regards,
IsmaelApril 1, 2021 at 2:55 am in reply to: ACF group is visible in Masonry element (should not be visible) #1291632Hi,
Sorry for the delay. Would you mind posting the FTP details so that we could check the issue the properly? For the meantime, please use this css code to hide the acf-field-group items in the masonry element.
.type-acf-field-group { display: none !important; }
Best regards,
IsmaelHi,
Sorry for the delay. The CLS score in the product page above, which is using the default gallery with lazy loading is now 0.002, which is better than the previous scores, but most of the metrics like LCP are still lower than they should be. You have to follow the recommendations listed below to improve those scores.
– Ensure text remains visible during webfont load
– Does not use passive listeners to improve scrolling performance
– Image elements do not have explicit width and height
– Minimize main-thread work 6.5 s
– Serve static assets with an efficient cache policy 40 resources found
– Reduce JavaScript execution time 4.3 s
– Avoid an excessive DOM size 1,414 elements
– Eliminate render-blocking resources
– Remove unused JavaScript
– Reduce initial server response time
– Remove unused CSS
– Defer offscreen images
– Serve images in next-gen formatsThese articles should help with the site optimization.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.htmlOne thing that you could try immediately is to use a different cache and minification plugin, just play around with the options until you get the best results. You may also need to upgrade hosting plan to ensure that the server response time to the client is decreased.
For additional inquiries, please open another thread because this one is getting quite long. Thank you.
Best regards,
IsmaelHi,
t. I don’t believe the Woocommerce gallery images are not lazy loaded,
Actually, the problem is that the images in the default Woocommerce gallery are lazy loaded, but they do not have the width and height attributes, which is readily available in the default gallery. According to the web vitals documentation, doing lazy load is fine as long as you are not doing it for the images above the fold, which is what we have here in the product pages, and it is alright as long as the width and height attributes of the images are specified. So using the default Woocommerce 3.0 gallery is not helping at all in this case, because for some reason the width and height attributes of the images are not available.
Best regards,
IsmaelHi,
Thank you for the update.
You have to remove the code tags in the following line, and replace it with double quotes. The script should work properly after. :)
let item = $(<code>#top .av-subnav-menu a[href*='${entry}']</code>);
Best regards,
IsmaelHi,
Where did you see that error? We cannot find that issue in the pagespeed insight report and according to the speed tool, the slider images in the front page are still not optimized. Please try to install plugins like Shortpixel, Smush or EWWW Image Optimizer to compress the images.
// https://wordpress.org/plugins/ewww-image-optimizer/
// https://wordpress.org/plugins/shortpixel-image-optimiser/And again, you could follow the recommendations in the articles that we mentioned above to further optimize the site.
Best regards,
IsmaelMarch 4, 2021 at 1:52 pm in reply to: Portfolio Grid icon overlay always visible rather than just on hover #1285394Hi,
Thank you for the clarification.
To make the icon visible on page load but not the overlay, we could set the default background color to transparent, then only change it to white on hover. Please look for the previous css code that we previously suggested.
.image-overlay { opacity: 0.5; filter: alpha(opacity=0.5); }
.. and replace it with this:
.image-overlay { opacity: 0.5; filter: alpha(opacity=0.5); background: transparent !important; left: 0; top: 0; } .image-overlay:hover { background: #ffffff !important; }
Best regards,
IsmaelHi,
Thank you for the update.
The text “If you have a coupon code, please apply it below.” is no longer visible on our end and only shows when we clicked the “Click here to enter your code” text or button. Please try to purge the cache and disable the Performance > File Compression settings temporarily, then check the page again.
Best regards,
IsmaelHi,
Why is the name of the custom field “publication_name”? Did you change it?
Where exactly did you place the code or in which template? If you want to place it in the archive and in the search results page, you have to modify the includes > loop-index.php file and the loop-search.php file located in the same includes directory. If you want to place it after the post meta info, you could also use this filter in the functions.php file.
add_filter("avf_loop_index_blog_meta", function($output) { $outlet = get_post_meta($the_id, 'outlet', true); if(!empty($outlet)) { $outlet_output = '<span class="outlets minor-meta">'. __( 'Outlet:','avia_framework' ) . ' '; $outlet_output .= $outlet; $outlet_output .= '</span><span class="text-sep text-sep-cat">/</span>'; } return $outlet_output . $output; }, 10, 1);
Best regards,
IsmaelHi,
We checked the page again today and the loading speed is not that bad, but it is not super fast either and the page preloader is not helping at all making it feel like the page is loading longer than it actually is. Have you tried disabling that option? And of course, following the recommendations in the speed tool, even the minor ones, should help squeeze more performance or further optimize the loading speed of the site.
Best regards,
Ismael -
AuthorPosts