Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #573248

    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_192

    #573418

    Hi Rick!

    Your using the nextgen gallery there. You’ll need to contact them to figure out how to change the images sizes.

    Cheers!
    Elliott

    #573833

    I have also tried using the standard lightbox built into Enfold…
    I have no issue removing & not using Nextgen

    Can 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;
    }

    #573834

    The page using enfold gallery is in private content

    #573856

    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,
    Yigit

    #573945

    No changes??? ;-<

    #574930

    Hey!

    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!
    Vinay

    • This reply was modified 8 years, 2 months ago by Vinay.
    #575054

    Still 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’);

    #575079

    Hey!

    We would love to help you but sorry we can’t access your site due to some security issue.

    Regards,
    Vinay

    #575114

    Please see private notes

    #575171

    Hi!

    Please see private content

    Best regards,
    Vinay

    • This reply was modified 8 years, 2 months ago by Vinay.
    #575306

    Hi Vinay.. Country Opened.

    #575397

    Hi!

    To help you anyone of us as quick as possible please also add Greece.
    I will be online to maintain the task for replies

    Best regards,
    Basilis

    #575421

    Done

    #575912

    Hi!

    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,
    Vinay

    • This reply was modified 8 years, 1 month ago by Vinay.
    #576037

    Wordpress CRASHED

    #576041

    I 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’);
    })
    }));

    #576042

    Please keep me posted…
    Thanks

    #576118

    Hi again!

    Thanks, We will update you soon.

    There seem to be a server error 500 this error is not related to wordpress. Please check with your hosting company.

    Regards,
    Vinay

    • This reply was modified 8 years, 1 month ago by Vinay.
    #576137

    Thanks but….
    I was able to view the site from the fron end as well as log into the WP admin??

    #576373

    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,
    Vinay

    • This reply was modified 8 years, 1 month ago by Vinay.
    #576488

    Looks 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
    Rick

    #576530

    Hey!

    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,
    Vinay

    #577710

    Hi!

    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

Viewing 24 posts - 1 through 24 (of 24 total)
  • You must be logged in to reply to this topic.