Forum Replies Created
-
AuthorPosts
-
@admin
pls delete, it was posted by mistake
thanks
JanAugust 15, 2020 at 3:37 pm in reply to: Conflict: “Essential Grid” Enfold Media Content “Image with Hotspots" #1238023This issue is solved with the latest update of Essential Grid (Version 3.0)
Ismael,
from my point of view its only „best practise“ or „quality“ to optimize all Images. Its a (simple) one time work, that makes all websites made with enfold a little bit faster (and better).
Another aspect: This will improve the GTMetrix results of a website. Customers offen look at these tools…
Kind regards
JanVictroria,
my example was the file
/wp-content/themes/enfold/images/background-images/grain_top.png
This file (and all others of this theme directory) is not part of the media library, it is part of the theme. Plugins like ShortPixel oder Smush do not touch there Files.
My proposal is to compress the images (e.g. for backgrounds) of the theme losslessly. It is easy to compress this file by approx. 43% and the result is pixel by pixel the same.
This simple one-time action on the images of the theme will decrease the size of webpages and the visual result is exactly the same.
I really do not understand why you insinst, that enfold should include non-optimized backgrund images.
Best regards
Jan- This reply was modified 4 years, 6 months ago by jan_behr.
I know (and have written), that I can of course compress the graphics delivered with the theme.
But it would make much more sense, if you compress once the graphics delivered with the theme. Otherwise ist has to be done on every installation after every update…
Best regards
JanPS:
Plugins like wp-smush typically only work on the Media Library and not on the mentioned backgrounds contained in the theme.Hi,
here is one more Site based on enfold (and WooCommerce, WPML and EssentialGrid) which would not have happened without the help in this forum:
Due to some GeoIP restrictions the page is not accessible from all Countries.
Best regards,
JanFebruary 11, 2020 at 11:30 am in reply to: Conflict: “Essential Grid” Enfold Media Content “Image with Hotspots" #1183393You can find it on the Bottom of the Support Page: https://www.themepunch.com/support-center/
You will need an active License to log in (from themeforest/envato, the platform where they sell the plugin).
Beste regards
JanFebruary 8, 2020 at 3:15 pm in reply to: Conflict: “Essential Grid” Enfold Media Content “Image with Hotspots" #1182585@Werbezeit
There is an open issue at thempunch Support (the makers of EG) since December.
Please open a request in the themepunch Support, too. Hopefully that would help to escalate this problem…Best regards
JanI‘ve got this problem sometimes on single Products/Pages/Articles. My Solution in this case is to delete the translated Product/… in the destination Language. After that I start again the Advanced Translation Editor (Translation is still there) and save. After that procedure the Translation works again Fine…
December 18, 2019 at 12:00 am in reply to: WooCommerce: How to manage Product Order in Next/Prev Product Navigation #1167044Hi Ismael,
I‘m not shure what you mean with
you turn on the Page Attributes > Menu Order field
I set on all products the Menu_Order Field to achieve a nice order of the products. This works fine for the default shop and product grids, because menu_order (+ Name) is the default sorting for products in the Shop and grids.
But I learned, that posts have date order as default and do not support menu_order and that leads to a different behaviour in the shop and prev/next navigation.
My „Problem“ is solved with this code fragment. I just wondered, if it makes sense to use the default product sorting menu_order in general for the prev/next navigation for products.
Kind regards
JanDecember 13, 2019 at 10:26 am in reply to: WooCommerce: How to manage Product Order in Next/Prev Product Navigation #1165451Hi,
you are correct, that the navigation is used also for posts etc. and is working fine there.
But it is also used for products and there the prev/next navigation is broken (the navigation does not use the default WooCommerce order).
So it would be good, if the Enfold prev/next navigation works in one of the next releases in all circumstances, products included.
Kind regards
JanDecember 12, 2019 at 10:50 am in reply to: WooCommerce: How to manage Product Order in Next/Prev Product Navigation #1165149Hey Ismael,
thanks for your reply! You directed me to the right searcvh term the filter “get_next_post_sort”.
I found this Blog post solving this general issue which is present in the prev/next post navigation on all custom post types (woocommerce products are custom post types):
The Code is:
function kb_custom_adjacent_post_where($sql) { if ( !is_main_query() || !is_singular() ) return $sql; $the_post = get_post( get_the_ID() ); $patterns = array(); $patterns[] = '/post_date/'; $patterns[] = '/\'[0-9]{4}-[0-9]{2}-[0-9]{2} [0-9]{2}:[0-9]{2}:[0-9]{2}\'/'; $replacements = array(); $replacements[] = 'menu_order'; $replacements[] = $the_post->menu_order; return preg_replace( $patterns, $replacements, $sql ); } add_filter( 'get_next_post_where', 'kb_custom_adjacent_post_where' ); add_filter( 'get_previous_post_where', 'kb_custom_adjacent_post_where' ); function kb_custom_adjacent_post_sort($sql) { if ( !is_main_query() || !is_singular() ) return $sql; $pattern = '/post_date/'; $replacement = 'menu_order'; return preg_replace( $pattern, $replacement, $sql ); } add_filter( 'get_next_post_sort', 'kb_custom_adjacent_post_sort' ); add_filter( 'get_previous_post_sort', 'kb_custom_adjacent_post_sort' );
It woud be great, if the code snippet could find its way into one of the next releases of Enfold. I think this is of general interest and will make Enfold one step more hassle-free.
Thanks and best regards
Jan#header_meta { display: none; }
December 9, 2019 at 12:41 pm in reply to: Conflict: “Essential Grid” Enfold Media Content “Image with Hotspots" #1164023This reply has been marked as private.December 5, 2019 at 5:19 pm in reply to: Conflict: “Essential Grid” Enfold Media Content “Image with Hotspots" #1163083I raised this issue also at themepunch (the developer of Essential Grid) and got this reply:
Unfortunately, when there’s a conflict with the theme itself, the solution involves making changes to the theme files. But changing theme files can cause issues when updating the theme in the future, so I think your best bet is to contact the theme author and ask if there is a way to fix the compatibility issue between with the “Image with Hotspots” page builder module and Essential Grid.
It would be great if there is any way to get these both components to work smooth together. Its a pitty, that the – in my eyes – best Theme and the best Grid Plugin are conflicting – together they are a dream-team…
Any idea is highly appreciated
JanNovember 29, 2019 at 10:01 pm in reply to: Top Bar: Phone & WPML Flags swich from right to center alignment on mobile #1161360Okay, I’ve found a solution for myself:
@media only screen and (max-width: 767px) { .responsive #header_meta .sub_menu>ul { float: right; width: auto; } .responsive .phone-info { float: right; width: auto; clear: none; } .responsive #header_meta .sub_menu > ul > li { padding: 0 0px; } }
Hi Victoria,
I found for my application another workaround for a nicer wrapping of the headings :
.av-iconlist-small .iconlist_title_small { padding-bottom: 6px; padding-top: 6px; } #top .av-iconlist-small .iconlist_icon { padding-bottom: 6px; padding-top: 6px; }
But a general improvement of the wrapping behaviour of the headings of icon-lists might be a good point for the next update.
Thanks and best regards
JanHi Victoria,
Yes, I´ve seen this.
It´s not a big issue, but the icon-list looks not so nice on a mobile due to the bigger gaps between the two lines of a longer heading.
It might be a good thing for the next update of enfold to make the wrapping of the headings of the icon-list “more graceful”. Could you add this on the wishlist for the next update?
Thanks and best regards
JanI’d like to summarize the results, maybe that’ll help someone later.
The Goal was to scroll to a Tab-Section and switch to a specific tab (using an Anchor in the URL doesnt work in this setting).
This code must be added to the functions.php:
// custom script add_action( 'wp_footer', 'ava_custom_script_tab_section' ); function ava_custom_script_tab_section() { ?> <script type="text/javascript"> (function($) { function scrollToTab(s, e,) { $(s).on(e, function(event) { var anchor, loc, cur, hash, tab, parent, pos; if( e == 'load' ) { loc = window.location.hash; hash = loc; } else { loc = $(this).attr('href'); hash = loc.substring(loc.indexOf('#')); } tab = $('.av-section-tab-title[href="'+ hash +'"]'); parent = tab.parents('.av-tab-section-outer-container'); pos = parent.offset(); tab.trigger('click'); if(hash) { setTimeout( function() { $(window).scrollTop( pos.top - 100 ) }, 100 ); } }); } scrollToTab( '.avia-buttonrow-wrap a', 'click' ); scrollToTab( window, 'load' ); })(jQuery); </script> <?php }
The code above works, if the scrolling is triggered by a click on a button in a “Button Row” element.
The line
scrollToTab( '.avia-buttonrow-wrap a', 'click' );
must be cahnged if a click in a menu or another element should trigger the action.
Ismael,
thank you very much for your patience!
It works perfectly now.Thanks and best regards
JanThis reply has been marked as private.This reply has been marked as private.Hi Ismael,
Thank you very much for yout hint!
I changed the one line you mentioned in the code which I pasted into the functions.php in my child-Theme and put only the Anchor in the URL-Field of the Buttons, but nothing happens. The Anchor seems to be correct, when I directly click on the Tab, the URL des not change.
Do you habe any additional hind where to look?
Thanks and best regards
JanVictoria,
thank you very much for your help. I tried the css and it prevents the text to be overtyped:
https://postimg.cc/475920gCThat is fine, now is everything readable.
Do you have a hint how to get rid of the empty line?
Thanks and best regards
JanThis reply has been marked as private.This reply has been marked as private.This reply has been marked as private.Any Ideas?
Yes you are correct, the Advanced Layout Editor ist only available on the product Pages.
But I think you can build up your own shop page with the Advanced Layout Editor and use this instead of the standard page of woocommerce. As a reference you could try the “custom shop” demo:
Hi,
you can find the information here:
Look for “Custom WooCommerce Shop Overview with Advanced Layout Editor”.
Cheers
Jan -
AuthorPosts