-
Posts
-
There are so many iterations of this can you please direct me to a thread that is complete and current, including code so the page doesn’t scroll and css for the window.
I added class=” inline_popup” to some text, to the column using developer setting, mfp-hide does not hide he color window, I’m linking to an anchor..notta.
This shouldn’t be this confusing, its just a modal window.
Thank you
I have this ins functions,.
function inline_popup_enabler(){
?>
<script>
(function($){
$(document).ready(function() {
$(‘.inline_popup’).magnificPopup({
type:’inline’,
midClick: true
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘inline_popup_enabler’, 9999);add_action(‘wp_footer’, ‘inline_popup_enabler’);Show inline popup in a text box
tried test-popup and mfp-hide in developer settings id and class
tried the same in a color box..nothing, the pop upi content is not hiding and no pop up box.
Please respond asap
Hi,
Thank you for the inquiry.
Please create a test page and provide the link in the private field. Did you apply an href attribute to the element with the inline_popup class name.
<a class="inline_popup" href="#popup1">Open Popup 1</a>This should open the element with the ID “popup1” inline.
Best regards,
IsmaelHi can do, but please include a copy of the function that doesn’t break the site. Then I can send you access.
Thank you
Hi,
The css that goes with that script sets the background color of the popup box, if you don’t want the color then change the css.mfp_popup_content { position: relative; background: #ffffff; padding: 40px; width: auto; max-width: 600px; margin: 100px auto; overflow: auto; }also your code above has two add actions:
add_action('wp_footer', 'inline_popup_enabler', 9999);add_action('wp_footer', 'inline_popup_enabler');
you should only have oneadd_action('wp_footer', 'inline_popup_enabler', 9999);
this is probably why you see an error, or you have curly quotes in your code.Best regards,
Mikeall links above go to code that has old
$(window).load(function() {keep in mind that jQuery 3.x it has to be:
$(window).on('load', function(){Hi,
Thank you for the info.
We get an error when we try to edit the functions.php file.
Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP.
Please provide the FTP details in the private field.
If you want to proceed yourself, edit the code in the functions.php file and replace it with:
function inline_popup_enabler(){ ?> <script> (function($){ $(window).on('load', function() { $('.inline_popup').magnificPopup({ type:'inline', midClick: true }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'inline_popup_enabler');The equal_height_columns function in the same file is also causing an error. Try to replace it with:
function equal_height_columns() { ?> <script> (function () { const wrapper = document.querySelector(".equal-columns"); if (!wrapper) return; const columns = wrapper.querySelectorAll(".av_one_full"); let maxHeight = 0; function adjustHeight(el) { el.style.height = maxHeight + "px"; } function findMaxHeight(el) { maxHeight = Math.max(maxHeight, el.clientHeight); } columns.forEach(findMaxHeight); columns.forEach(adjustHeight); })(); </script> <?php } add_action('wp_footer', 'equal_height_columns');We’ll wait for the FTP details.
Best regards,
IsmaelHi, I updated the functions.php as stated above, please go back in to see if you can get the modal to work, thank you.
When the code below is removed from functions, the eror goes away, this snippet is old, I’m sure it needs and update. Thank you
////////////////////////////////////////////////Add Avia Builder to Custom Post Types
add_filter(‘avf_builder_boxes’, ‘add_builder_to_posttype’);function add_builder_to_posttype($metabox)
{
foreach($metabox as &$meta)
{
if($meta[‘id’] == ‘avia_builder’ || $meta[‘id’] == ‘layout’)
{
$meta[‘page’][] = ‘makeitbeef’; /*instead add the name of the custom post type here*/
$meta[‘page’][] = ‘cbnews’; /*instead add the name of the custom post type here*/
}
}return $metabox;
}function custom_tab_section_script() { ?>
<script>
window.onload = function() {
if (window.location.hash) {
var hash = window.location.hash.substring(1);
var targetElement = document.getElementById(hash);
if (targetElement) {
setTimeout(function() {
var offset = targetElement.offsetTop;
window.scrollTo({
top: offset,
behavior: “smooth”
});
}, 1000);
}
}
};
</script>
<?php
}
add_action(‘wp_footer’, ‘custom_tab_section_script’, 99);Hi again, I really need that modal window working. I need to open a youTube video in a modal window soon, thank you.
- You must be logged in to reply to this topic.