Viewing 30 posts - 1 through 30 (of 31 total)
  • Author
    Posts
  • #1420261
    Lion
    Guest

    Hi Yigit ,

    Unfortunately, the well-known WP Content Copy Protection & No Right Click plugin has problems with Enfold. It protects images correctly on desktop but on mobile devices (iOS) you can still save images.

    You can notice the problem on one of the pages of my site, for example here: (link in Private Content), where the images of the mansory gallery on desktop cannot be downloaded while on any mobile device iOS is possible to save them.

    The plugin developer says the problem is enfold’s mansory gallery, and he can’t fix the problem. Can you take a look at this to possibly fix the problem within enfold?
    Thanks in advance….

    Lion

    #1420291

    Hey Lion,

    Did the WP Content Copy Protection & No Right Click plugin author share more information? If they can let us know what needs to be changed in the Masonry Gallery element, we can certainly pass the information over to our developers.

    Regards,
    Yigit

    #1420294

    Hi Yigit, unfortunately I did not receive any further details. He told me that he tried several solutions but he failed to solve the problem. It is certainly something that depends on the interaction of the mansory gallery code on mobile since it does not cause problems on desktop (and not problems with images in traditional wp galleries). If it helps I can send you the plugin.

    #1420301

    Hi,

    If you have a staging site, please go to /enfold/js/aviapopup/ directory, open the jquery.magnific-popup.js file, find the following code:

    
    						'<div class="mfp-img"></div>'+
    						'<figcaption>'+
    

    and change it to the following:

    
    						'<div class="mfp-img"></div>'+
    						'<div class="protectionOverlaytext"><img class="wccp_pro_overlay_protected_img" src="https://capturelight.net/wp-content/plugins/wccp-pro/images/transparent.gif" style="width:100%; height:100%"></div>' +
    						'<figcaption>'+
    

    Let us know if that works.

    Best regards,
    Yigit

    • This reply was modified 5 months ago by Yigit.
    #1420308

    Hi Yigit, I tried to make changes…
    In Enfold Settings – Performance – Javascript File Merging And Compression I have Use Minified Thene File Javascript File without merging selected, so I thought I’d make the change to the minimized file as well. (I think it’s necessary right?)

    It seems to work perfectly!!! Very very thanks!

    Will I have to introduce the change manually in future versions of enfold or will it be included in future versions?

    Thanks,
    Lion

    #1420310

    Yigit,
    with this change on iOS now with the lightbox open it is not possible to save the file. Perfect.
    Is it possible to do the same thing in the thumbnail grid of the mansory gallery, i.e. remove the menu that appears by holding down a thumbnail and prevent the “Download linked file” option?

    #1420348

    Hi,

    Users will still be able to download your images even if you managed to disable the context menu on mobile devices. If you really want to protect the images, make sure NOT to display the original file or make it available only for subscribed or paying users. You can also install a watermark plugin.

    // https://wordpress.org/plugins/image-watermark/
    // https://wordpress.org/plugins/easy-watermark/

    Best regards,
    Ismael

    #1420383

    Hi Yigit,
    I know that as Ismael says the images can be downloaded in one way or another, but the watermark solution weighs down the site too much and in any case on my images there is already a watermark.
    I would just like to apply the change you suggested also to the thumbnail page of the mansory gallery.
    How can I do? Can you tell me which file I can edit o what to do please…
    Thanks in advance…Lion

    #1420658

    Hi,

    Thank you for the update.

    To add the plugin’s overlay container to the masonry items, please try to edit the enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-masonry.php and look for this code around line 713:

    $bg .=		"<div class='av-masonry-image-container ' {$img_style} {$outer_title} {$outer_alt}>";
    

    Replace it with:

    $bg .=		"<div class='av-masonry-image-container protectionOverlaytext' {$img_style} {$outer_title} {$outer_alt}>";
    $bg .= "<img class='wccp_pro_overlay_protected_img' src='https://capturelight.net/wp-content/plugins/wccp-pro/images/transparent.gif' style='width:100%; height:100%'>";
    

    Best regards,
    Ismael

    #1420692

    Hi, I tried to add:

    $bg = ‘<div class=”av-masonry-outerimage-container”>’;
    $bg .= $img_before;
    $bg .= ‘<div class=”av-masonry-image-container” {$img_style} {$outer_title} {$outer_alt}>’;
    $bg .= ‘<div class=”protectionOverlaytext”></div>’;
    $bg .= $img_html;
    $bg .= $c_html;
    $bg .= ‘</div>’;
    $bg .= ‘</div>’;

    but it does not work…

    #1420693
    
    $bg .=         '<div class="protectionOverlaytext"><img class="wccp_pro_overlay_protected_img" src="https://capturelight.net/wp-content/plugins/wccp-pro/images/transparent.gif" style="width:100%; height:100%"></div>';
    
    #1420796

    Hi Yigit,
    Ismael’s solution doesn’t work.
    Do you have a tip for me please…
    How can I apply the overlay also on the thumbnails of the mansory gallery?
    Thanks in advance
    Lion

    #1420856

    Hi,

    We may need to login to the site in order to properly test the changes. Provide the WP and S/FTP details in the private field.

    Best regards,
    Ismael

    #1420867

    Hi,
    this is very important to me and I can provide you with access to the website but please don’t touch anything, it’s a production site and there are many years of hard work inside…
    Thanks in advance…Lion

    PS: can you then tell me which files have been modified so that I can reapply the changes in future updates? Thank you..

    #1421063

    Hi,

    Thank you for the info.

    We’ve modified the changes in the /class-avia-masonry.php file a bit.

    					$bg  = '<div class="av-masonry-outerimage-container">';
    					$bg .=		$img_before;
    					$bg .=		"<div class='av-masonry-image-container' {$img_style} {$outer_title} {$outer_alt}>";
    					$bg .=			"<div class='protectionOverlaytext'>";
    					$bg .=      		"<img class='wccp_pro_overlay_protected_img' src='https://capturelight.net/wp-content/plugins/wccp-pro/images/transparent.gif' style='width:100%; height:100%'>";
    					$bg .=				$img_html;
    					$bg .=				$c_html;
    					$bg .=			'</div>';
    					$bg .=		'</div>';
    					$bg .= '</div>';
    

    You may need to add this css code to display the transparent image.

    .av-fixed-size .av-masonry-image-container .wccp_pro_overlay_protected_img {
        display: block !important;
    }
    

    Best regards,
    Ismael

    #1421066

    Hi Ismael,
    I saw the changes to the class-avia-masonry.php file and I added the css code.
    Unfortunately, on pages where there are multiple mansory galleries, only the last one is displayed.
    Furthermore, on iPhone, by clicking and holding down the thumbs of the mansory gallery, the files continue to be downloadable. On desktop, the thumbs of the mansory gallery are draggable while the photo opened in the lightbox is not.
    For now, I restored the original file and renamed the modified one class-avia-masonry_MOD.php.

    #1421071

    Hi!

    Unfortunately, on pages where there are multiple mansory galleries, only the last one is displayed.

    We enabled the modified file again and both masonry galleries (av-masonry-1 & av-masonry-2) are still displaying in the page below.

    Best regards,
    Ismael

    #1421073

    Hi Ismael, doesn’t work….

    #1421075

    Hi!

    We have moved the protectionOverlayText outside the av-masonry-image-container div and it seems to have corrected the issue with the rest of the galleries. Please make sure to purge the cache and do a hard refresh.

    Cheers!
    Ismael

    #1421077

    Hi Ismael,
    I also re-inserted the css and cleared the cache but on iPhone, by clicking and holding down the thumbs of the mansory gallery, the files continue to be downloadable. On desktop, the thumbs of the mansory gallery are draggable while the photo opened in the lightbox is not.

    #1421164

    Hi,

    Try to adjust the z-index of the overlay.

    .responsive #top .protectionOverlaytext {
        z-index: 99999;
    }
    
    

    Best regards,
    Ismael

    #1421172

    Hi, I tried, It does not work…

    #1421230

    Hi,

    Looks like the protection overlay is not applicable to the masonry items. You may need to contact the plugin developer for additional assistance or hire a freelance developer by visiting our customization page.

    If you have any other questions or require further assistance, please feel free to let us know.

    Best regards,
    Ismael

    #1421232

    Hi Ismael,
    the plugin developer doesn’t know about enfold or the mansory gallery and says he doesn’t know how to do it. Can you also ask Yigit if he has any ideas please?

    #1421233

    …if the protection overlay is applicable to the lightbox it must also be applicable to the thumbs. Also because the problem is only on mobile…

    #1421235

    I tried also

    
    .av-masonry-image-container img {
        pointer-events: none !important;
      -webkit-touch-callout: none !important;
    }
    

    It does not work…I think target is wrong…

    #1421238

    Hi,

    Thank you for your patience.

    We’ll tag Yigit to the thread. If you want to completely disable the masonry item link including the lightbox on mobile view, try to use this css code.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      #top .av-masonry-entry {
        pointer-events: none !important;
      }
    }

    Please make sure to purge the cache and do a hard refresh before testing the page.

    Unfortunately, we will not be able to further assist you with the specific issue related to this plugin. It is recommended to contact the plugin author for further information and support. Integrating and ensuring compatibility between third-party plugins and the theme falls outside the scope of the support services we provide.

    We apologize for any inconvenience caused. If you have any other questions or require assistance with any other aspects of the theme, please don’t hesitate to reach out.

    Best regards,
    Ismael

    #1421241

    Hi Ismael,
    yes I understand… it wasn’t my intention to disturb.
    One last thing, in the last code you wrote is there a way to keep the lightbox active?
    Thanks in advance
    Lion

    #1421418

    Hi,
    Unfortunately Ismael’s code disables the pointer event (mouse click) so it will not be possible for the lightbox to be activate. Unfortunately in this situation you can’t have both.
    As Ismael pointed out, perhaps the plugin author will have a better idea to achieve this, or perhaps freelance developer could help. On upwork there are many people who offer to customize existing plugins, perhaps this will help.

    Best regards,
    Mike

    #1427980

    Hi Yigit, I sent you an email to (Email address hidden if logged out) I don’t know if you received it. Or tell me where I can send it back to you, there are also attachments.
    There are probably some problems in the css that I would like to solve.
    Thanks in advance
    Lion

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