Enfold and WP Content Copy Protection & No Right Click on mobile

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

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

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

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

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

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

Hi,

Try to adjust the z-index of the overlay.

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

Best regards,
Ismael

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

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

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