Forum Replies Created
-
AuthorPosts
-
Hi Ismael,
Thank you for the update, but it’s not working as expected.
Premise: no cache plugins, browser cache always empty, enfold minifications all disabled.
Added “a” to your code:
jQuery(‘open-popup-link-button a, .open-popup-link’).addClass(‘no-scroll’);
jQuery(‘open-popup-link-button a, .open-popup-link’).magnificPopup({The strange thing is that the code works every now and then. Let’s say once every 15/20 attempts. In another installation I have it never works.
My code now is:function popup_inline() { ?> <script type="text/javascript"> jQuery(window).load(function(){ jQuery('.open-popup-link-button a, .open-popup-link').magnificPopup({ type:'inline', midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href. }); }); </script> <?php } add_action('wp_head', 'popup_inline'); function no_background_scroll_on_lightbox_open(){ ?> <script type="text/javascript"> (function($) { jQuery(window).load(function(){ jQuery('open-popup-link-button a, .open-popup-link').addClass('no-scroll'); jQuery('open-popup-link-button a, .open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { jQuery('body').css("overflow-y", "hidden"); }, close: function() { jQuery('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'no_background_scroll_on_lightbox_open');
If you want to take a look, in private content you will find the credentials to enter the website.
Best Regards
ManuHi Ismael
I tried your code but it’s not working.
I was using the following code with WordPress 5.5 and it was working fine:
function popup_inline() { ?>
<script type=”text/javascript”>
jQuery(window).load(function(){
jQuery(‘.open-popup-link-button a, .open-popup-link’).magnificPopup({
type:’inline’,
midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don’t provide alternative source in href.
});
});
</script>
<?php }add_action(‘wp_head’, ‘popup_inline’);
I tried adding the code you provided (removing the two slashes to enable the function) but it didn’t change anything. I tried removing the first code and use only the code you provided but the modal popup was not loaded at all. I tried adding the class to the function popup_inline (jQuery(‘.open-popup-link’).addClass(‘no-scroll’);) without any result.
I also tried adding some CSS like
.mfp-content {
position: fixed !important;
top:10px;
left:0px;}
but in this way the modal popup is fixed on the top and you can’t read all the content if it’s longer than the phone screen. Using only top doesn’t affect anything.Help :)
Best Regards
ManuHi Yigit
Thank you for the answer. I raelly appreciate your willingness to help me out. I tried your solution with iframe but is far away from what I need for many reasons that would be to long to explain.
I have opened a new thread to try to solve this issue (https://kriesi.at/support/topic/modal-pop-up-window-on-mobiles/)
I hope you’ll give a look for helping me out with this issue.
Best regards and happy Easter
ManuHi
First of all I wanted to thank Yigit for having already answered me in another thread (https://kriesi.at/support/topic/popup-on-click/#post-1291561). He is always very kind and often finds solutions, like all the staff members. So thank you for the support you give to users. It is no coincidence that I have often advised my customers to buy Enfold.Said that, today I am in trouble with customers who cannot update the website due to various issues that Enfold has had since WordPress 5.6 was released.
Let’s get to the point: as Yigit also saw, there is a problem with scrolling on mobile phones.
Yigit: “WordPress 5.7 was the final stage of jQuery version update in WP core and in Enfold 4.8 we have updated deprecated jQuery functions so I am guessing one of those updates caused the scroll issue.”Dear Rikard I have prepared a subdomain for you (on my site I had to downgrade to be able to see the popup also on mobile phones): https://enfoldtest.fabiobaldanello.com/
Here you will find three buttons: FIRST TEST BUTTON, SECOND TEST BUTTON and THIRD TEST BUTTON.
FIRST TEST BUTTON is on top of the page so you won’t face any problem.
SECOND TEST BUTTON is Yigit solution with iframe. I tried it but is far away from what I need for many reasons that would be to long to explain.
THIRD TEST BUTTON is in the middle of the page (under SECOND TEST BUTTON before OUR STORY). Here you can see the weird behavior on mobiles. The page scrolls to the top and the Modal Popup is not visible anymore until you manually scroll down.I hope that the Enfold team will be able to solve the problem and restore the functions of the modal popup as in previous versions in a short time. For the next releases it would be usefull to have the possibility to set a modal popup directly from ALB.
Best Regards
ManuHello Yigit
I also have all the modal pop ups scrolling weirdly on tablets and phones. But they were not before updating to Enfold 481 and WP 5.7
What is changed in the meantime?
I have tried your solution and it works without scrolling, but…
I have several modal popups. Shall I redo them all again in a knew page and link them with ?iframe true?
I have spent several time to write the CSS for my modal pop-up and I really don’t like how they appear in your solution. So I guess I have to write the CSS again!
Best Regards
Manu- This reply was modified 3 years, 9 months ago by manurimini.
Hello
By using jQuery Migrate Helper
I got the following error:
jQuery Migrate Helper — Warnings encountered
This page generated the following warnings:wp-content/themes/enfold/framework/js/avia_mega_menu.js: jQuery.fn.attr(‘checked’) might use property instead of attribute
Please make sure you are using the latest version of all of your plugins, and your theme. If that is the case, then you may want to ask the developers of the code mentioned in your warnings to update it.
I use Enfold 4.7.6.4
Best Regards
Manu- This reply was modified 4 years ago by manurimini.
Hello
Any news on how to fix the problem? Is a new release ready? I’ve read that other customer have problems when upgrading to WordPress 5.6
Best regards
ManuHi Victoria
Since we have to check the file for the changes with every update is easer to modify it before before uploading the updated theme. Everytime I update the theme I have to change some php files. A script to put in functions.php would help to save a lot of time.
Thank you anyway
Hello
Is there a function to put in functions.php to do that so that we don’t have to change the file in every update?
Thank youMay 17, 2020 at 10:48 am in reply to: Favicon of WordPress showing on external link to PDF files #1213778I have the same issue. Verified on different browsers and computers.
I have solved the issue adding a favicon.ico file via FTP in mywebsite.com.
The name of the file must be favicon.ico and not something else like mylogo.icoClear the cache before testing
Best Regards
Manu- This reply was modified 4 years, 7 months ago by manurimini.
April 17, 2020 at 8:50 am in reply to: Self hosted video on homepage: Media error instead of (META) description #1204646Thank you Rikard
Do you have any idea why this is happening? I would like to have the videos to be indexed and by disallowing them they will not appear in search results. Is there a way to force the <meta name=”description” content=”my content”> to be read by Google first instead of the video?
Best Regards
ManuApril 15, 2020 at 12:33 pm in reply to: Self hosted video on homepage: Media error instead of (META) description #1203946Hi Rikard
thank you for the quick reply
I’ve sent the link in private content
Best regards
ManuSorry
You can delete this answer, I wrote it by mistake- This reply was modified 4 years, 8 months ago by manurimini.
April 11, 2020 at 3:36 pm in reply to: Self hosted video on homepage: Media error instead of (META) description #1202924Hi
I’m having this problem too and I use Yoast. If you insert a selfhosted video as first element or as background in your first Color Section, instead of reading the meta description in meta name=”description” content=” yoast snippet description” Google posts the following meta description in the snippet: Media error: Format(s) not supported or source(s) not found.Is there something I can do to prevent this inconvenience?
For now I solved it by disallowing the videos in robots.txt
Disallow: /video-folder/name of the video.mp4Thank you, Best Reagards
Manu- This reply was modified 4 years, 8 months ago by manurimini.
January 29, 2020 at 10:26 am in reply to: Telegram in Social Share Buttons after upgrading to 4.7.2 #1179347Thank You Günter it works
ManuPS I think for YELP you should add the following CSS:
#top #wrap_all .av-social-link-yelp:hover a {
color: #fff;
background-color: #d32323;
}- This reply was modified 4 years, 10 months ago by manurimini.
January 25, 2020 at 1:19 pm in reply to: Telegram in Social Share Buttons after upgrading to 4.7.2 #1178350Hi
The problem in adding Telegram or other Social Share Button is in helper-social-media.php of Enfold 4.7.2
I’ve loaded helper-social-media.php of Enfold 4.7.1 in Enfold 4.7.2 and the functions work fine.
I don’t know what lines are causing the issue but it should be solved in the next release so that people can add the Social Share Buttons that are not included in Enfold.PS as many others I don’t like too much the new accordion style in ALB. it only wastes time by openig and closing all those windows. May be there should be an option for having them all opened.
Best Regards
ManuHi Yigit
The problem in adding Telegram or other Social Share Button is in helper-social-media.php of Enfold 4.7.2
I’ve loaded helper-social-media.php of Enfold 4.7.1 in Enfold 4.7.2 and the functions work fine.
I don’t know what lines are causing the issue but it should be solved in the next release so that people can add the Social Share Buttons that are not included in Enfold.PS as many others I don’t like too much the new accordion style in ALB. it only wastes time by openig and closing all those windows. May be there should be an option for having them all opened.
Have a nice weekend
ManuHi Yiigit
As I wrote you before
I was using two functions to share on telegram in Social Share Buttons
they worked also in 4.7.1, but after upgrading to 4.7.2 the Telegram button disappeared.Functions:
// Register new icon as a theme icon
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
function avia_add_custom_icon($icons) {
$icons[‘telegram’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8b7’);
return $icons;
}//Add items on the social share section
add_filter(‘avia_social_share_link_arguments’, ‘avia_add_social_share_link_arguments’, 10, 1);
function avia_add_social_share_link_arguments($args)
{
$args[‘telegram’] = array(“encode”=>true, “encode_urls”=>false, “pattern” => “https://telegram.me/share/url?text=&url=[permalink]”, ‘label’ => __(“Share on Telegram”,’avia_framework’));
return $args;
}Can you help me to restore the Telegram button please?
Thank you
ManuHi Yigit
Sorry to bother you again
I solved the problem
I deleted the second function and now Telegram is working and the Warning desappeard.
Thank you again for the great work in assistance
Best Regards
ManuHi Yigit
I figured out what was causing the Warning on helper-social-media.php on line 370 – if( ‘yelp’ == $icon[‘social_icon’] ) –
But I don’t know how to solve it. Please help me.
I use three functions to add Telegram to the Social Share Buttons
1 – // Register new icon as a theme icon
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
//Adjust icons
add_filter(‘avia_filter_social_icons’, ‘avia_filter_social_icons_mod’, 10, 1);
3 – //Add items on the social share section
add_filter(‘avia_social_share_link_arguments’, ‘avia_add_social_share_link_arguments’, 10, 1);The one causing the Warning is:
//Adjust icons
add_filter(‘avia_filter_social_icons’, ‘avia_filter_social_icons_mod’, 10, 1);
function avia_filter_social_icons_mod($icons) {
$icons[‘Telegram’] = ‘telegram’;
return $icons;
}Can you help me to fix the issue?
- This reply was modified 4 years, 11 months ago by manurimini.
Sorry Yigit
I still receive this error:
Warning: Illegal string offset ‘social_icon’ in wp-content/themes/enfold/includes/helper-social-media.php on line 377
if( ‘yelp’ == $icon[‘social_icon’] )
Which is the same giving the trouble in the previous file on line 370
if( ‘yelp’ == $icon[‘social_icon’] )And I still don’t get the icon
Thank you for your help
Manu- This reply was modified 4 years, 11 months ago by manurimini.
Hi Yigit
Is there a difference between the two files (the one for me and the other for sky19er), since I cannot visualize the Yelp icon too?- This reply was modified 4 years, 11 months ago by manurimini.
Warning: Illegal string offset ‘social_icon’ in /wp-content/themes/enfold/includes/helper-social-media.php on line 370
I’ve upgraded to 5.3.2 with the new function-set-avia-frontend.php file and as far I can see is working fine
It’s a Unicode used for the icons cindybird52. In the exemple you posted \ue8f3.
I have the same problem, you only see the icon of the email.
I have solved for now by downgrading to WP 5.3 with the plugin WP Downgrade- This reply was modified 5 years ago by manurimini.
Hi Mike
I new this was the right shortcode. I’ve tried it several times on different installations with no luck.
I think is because browsers, particularly the most recent versions, automatically block videos from automatically playing, particularly ones with audio.
Unfortunally I am able to start the autoplay only when videos are muted. Not a big deal. the visitor of the website will push the play button if they want to see the video.
I have also tried with other themes, with Gutenberg too. If you don’t set “Autoplay” and “Muted” the video doesn’t start in Autoplay.
Thank you so much for your help
Best Regards
Manu- This reply was modified 5 years, 1 month ago by manurimini.
Hi
Sorry Mike. I did all the procedures you told me to do but there was no effect.
So I decided to put the video in a Grid Raw with 1 column and 0 padding. I inserted the following video-shortcode to be able to have a fullscreen button.
[video width="1280" height="720" mp4="http://video-url/video.mp4"][/video]
Is there a way to add autoplay to this shortcode? I tried autoplay=”0″, I tried autoplay=”-1″, I tried autoplay=”true”, I tried autoplay=”on” without any result.Summing up
1 – In Fullscreen Slider no way to have an autoplay without checking “Mute Video Player”, no way to set the volume
2 – If you put a self-hosted video with Advanced Layout Builder > Media > Video, you cannot set Autoplay and the mejs-controls don’t show the Fullscreen button
3 – Putting the video-shortcde (which could solve my issue in this case), I couldn’t set Autoplay.Thank you for helping me
Best Regards
Manu- This reply was modified 5 years, 1 month ago by manurimini.
Hi Basilis
Thank you for the quick replay.
I tried in Firefox, Chrome and Safari, MacOs and Windows with the same result.
In the Fullscreen Slider if I don’t set ‘Mute Video Player’ the self-hosted video in mp.4 is not starting in Autoplay. So I set ‘Mute Video Player’ but when the video starts and you reach the controls at the bottom of the video if you press to unmute the volume is set to ‘0’ and the volume-bar disappears as you try to reach it.
Since the video controls are very tiny and only appear if you move the mouse over the slider, I would like to have a button with “Activate Audio” that disappears when you click on it.Besides is there a way to load a video in Advanced Editor > Media > Video with Autoplay?
Thank you, Best Regards
Manu- This reply was modified 5 years, 1 month ago by manurimini.
Hi Mike
I have the same problem in the full-screen-slider Enfold Version: 4.6.3.1. When you try to adjust the volume mejs-volume-button disappears. Maybe it’s a bug. Is there a away to set at least the volume at 100% so that when you click unmute you can hear the sound? Better would be a button with “Activate Audio” that disappears when you click on it.
Best Regards
Manu- This reply was modified 5 years, 1 month ago by manurimini.
-
AuthorPosts