![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
September 25, 2023 at 12:58 pm #1420261
Lion
GuestHi 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
September 25, 2023 at 2:49 pm #1420291Hey 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,
YigitSeptember 25, 2023 at 3:07 pm #1420294Hi 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.
September 25, 2023 at 3:57 pm #1420301Hi,
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 11 months, 2 weeks ago by
Yigit.
September 25, 2023 at 5:17 pm #1420308Hi 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,
LionSeptember 25, 2023 at 5:32 pm #1420310Yigit,
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?September 26, 2023 at 4:51 am #1420348Hi,
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,
IsmaelSeptember 26, 2023 at 9:23 am #1420383Hi 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…LionSeptember 27, 2023 at 6:34 am #1420658Hi,
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,
IsmaelSeptember 27, 2023 at 12:01 pm #1420692Hi, 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…
September 27, 2023 at 12:02 pm #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>';
September 28, 2023 at 12:28 pm #1420796Hi 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
LionSeptember 29, 2023 at 3:43 am #1420856Hi,
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,
IsmaelSeptember 29, 2023 at 8:25 am #1420867Hi,
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…LionPS: can you then tell me which files have been modified so that I can reapply the changes in future updates? Thank you..
October 2, 2023 at 6:05 am #1421063Hi,
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,
IsmaelOctober 2, 2023 at 7:05 am #1421066Hi 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.October 2, 2023 at 8:00 am #1421071Hi!
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,
IsmaelOctober 2, 2023 at 8:10 am #1421073Hi Ismael, doesn’t work….
October 2, 2023 at 8:20 am #1421075Hi!
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!
IsmaelOctober 2, 2023 at 8:24 am #1421077Hi 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.October 2, 2023 at 3:50 pm #1421164Hi,
Try to adjust the z-index of the overlay.
.responsive #top .protectionOverlaytext { z-index: 99999; }
Best regards,
IsmaelOctober 2, 2023 at 4:21 pm #1421172Hi, I tried, It does not work…
October 3, 2023 at 5:23 am #1421230Hi,
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,
IsmaelOctober 3, 2023 at 5:26 am #1421232Hi 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?October 3, 2023 at 5:28 am #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…
October 3, 2023 at 6:38 am #1421235I 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…
October 3, 2023 at 7:25 am #1421238Hi,
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,
IsmaelOctober 3, 2023 at 7:38 am #1421241Hi 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
LionOctober 4, 2023 at 5:46 pm #1421418Hi,
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,
MikeDecember 13, 2023 at 11:52 am #1427980Hi 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 -
This reply was modified 11 months, 2 weeks ago by
-
AuthorPosts
- You must be logged in to reply to this topic.