-
Posts
-
Seeking to change the following code :
element.style {
max-height: 643px;
}to: actual image size….
If I “line it out” in browser “Inspect Image” all is perfect…
I attempted to add the element style in the css box as:
element.style {
max-height: 1623px;
}And it has no effect.??
Thanks for your assistance.
Rickster_192Hi Rick!
Your using the nextgen gallery there. You’ll need to contact them to figure out how to change the images sizes.
Cheers!
ElliottI have also tried using the standard lightbox built into Enfold…
I have no issue removing & not using NextgenCan you please advise on how to change the code from the Enfold files?:
element.style {
max-height: 643px;
}to: actual image size….
If I “line it out” in browser “Inspect Image” all is perfect…
I attempted to add the element style in the css box as:
element.style {
max-height: 1623px;
}Hey!
Please add following code to Functions.php file in Appearance > Editor
add_filter( 'avf_avia_builder_masonry_lightbox_img_size', 'enfold_customization_change_popup_size' ); function enfold_customization_change_popup_size( $size ) { return 'fullsize'; }Best regards,
YigitHey!
We are working on your issue please wait while we update the result soon.Please add the below code in Appearance > Editor > functions.php
it removes the inline style of max-height for the lightbox images so they show up in original size if you still have issue please revert back with admin access to your wordpress site in private content so we can login as admin and take a look.
function originalHeight(){ ?> <script> jQuery(window).load(function() { jQuery('.mfp-figure').find('img').each(function() { jQuery(this).css("max-height",""); }) }) </script> <?php } add_action('wp_head', 'originalHeight');Cheers!
VinayStill no Change.. images are still displaying
Added both lines of code to the function.php:add_filter( ‘avf_avia_builder_masonry_lightbox_img_size’, ‘enfold_customization_change_popup_size’ );
function enfold_customization_change_popup_size( $size ) {
return ‘fullsize’;
}function originalHeight(){
?>
<script>
jQuery(window).load(function() {
jQuery(‘.mfp-figure’).find(‘img’).each(function() {
jQuery(this).css(“max-height”,””);
})
})
</script>
<?php
}
add_action(‘wp_head’, ‘originalHeight’);Hey!
We would love to help you but sorry we can’t access your site due to some security issue.
Regards,
VinayHi!
To help you anyone of us as quick as possible please also add Greece.
I will be online to maintain the task for repliesBest regards,
BasilisHi!
We are working on your ticket please wait while we update the results here soon.We almost had everything working correctly but unfortunately your server went down and the site is giving a 500 server error
Please let us know when the site is back up so we can finish this installation.
function originalHeight(){ ?> <script> jQuery(window).load(function() { jQuery('.lightbox').on('click',(function() { jQuery('.mfp-figure').find('img').each(function() { jQuery(this).css("max-height",""); }) })); jQuery('.mfp-arrow').on('click',(function() { jQuery('.mfp-figure').find('img').each(function() { jQuery(this).css("max-height",""); }) })); }) </script> <?php } add_action('wp_head', 'originalHeight');Regards,
VinayI just removed the following lines of code (below) from function.php and the site came back…
add_filter( ‘avf_avia_builder_masonry_lightbox_img_size’, ‘enfold_customization_change_popup_size’ );
function enfold_customization_change_popup_size( $size ) {
return ‘fullsize’;
}/*
* Lightbox image full size
*/jQuery(window).load(function() {
jQuery(‘.lightbox’).on(‘click’,(function() {
jQuery(‘.mfp-figure’).find(‘img’).each(function() {
jQuery(this).css(“max-height”,””);
console.log(‘ image was clicked’);
})
}));
})
jQuery(‘.mfp-arrow’).on(‘click’,(function() {
jQuery(‘.mfp-figure’).find(‘img’).each(function() {
jQuery(this).css(“max-height”,””);
console.log(‘ arrow was clicked’);
})
}));Hi!
We are working on your ticket please wait while we update the results.We have added the feature you requested for the thumbnails. Since your images are large it will be the original size on the mobile too just check on the phone.
If the main purpose is to display the product ID you can do that by adding it as Image Caption that way the whole image will be visible as well as the Product ID at the bottom of the image.
let us know if you like it to be full size or you like to add the product ID’s as image captions ?
// lightbox fullsize function lightbox_fullsize(){ ?> <script> jQuery(document).ready(function() { jQuery('.avia-gallery-thumb').on('click',' a',function(){ jQuery(document).find('.mfp-wrap figure img').css("max-height",""); console.log(' child Lightbox img '); }); }); </script> <?php } add_action('wp_head', 'lightbox_fullsize');Regards,
VinayLooks like we are very close to fixing this issue..
Please look at catalog on the nav bar… After images load, single click on image opens light box in perfect size….
If you click on the image or use < or > (next or back) the image reverts to the smaller size… after closing the light box…Single click on any image again opens in perfect size…. If you click on the image or use < or > (next or back) the image reverts to the smaller size.
Can we make it so the click on the image while the light box is open… or use right & left arrows… it proceeds to next image in full size ??
Thanks
RickHey!
Yes we can make it that way but it requires more customization. Please give us more time to work on this and we will surely help you customize it just like you want it.
Regards,
VinayHi!
We have update the site with the new code and everything looks good to me. Please check it out and let us know how you like it :)
Below is the modified code in functions.php
// lightbox fullsize function lightbox_fullsize(){ ?> <script> jQuery(document).ready(function() { jQuery('.avia-gallery-thumb').on('click',' a',function(){ jQuery(document).find('.mfp-wrap figure img').css("max-height",""); }); jQuery(document).on('click','.mfp-arrow',function(){ setTimeout( function(){ jQuery(document).find('.mfp-wrap figure img').css("max-height",""); }, 180); }); }); </script> <?php } add_action('wp_head', 'lightbox_fullsize');Cheers!
Vinay Kashyap
- You must be logged in to reply to this topic.