Keep items in lists but with a blurred image

@petergiesbers unfortunatelly the plugin can not blur content in a list, it can be either shown or not. The option you telling – may also bring paging problems.

well, or I did not get your request ??

Hi Taras, instead of completely hiding products from the list I would like to show something like the above so that visitors can see that there are more products available and triggers them to create an account.
Is this something that can be done?

Thanks Peter

@petergiesbers ok, I’ll think on it

possible solution would be to add custom css class to the items which need to be hidden, so you can then apply blurring from your theme styling

I’ll post here when update is ready

That would be great, many thanks ??

@petergiesbers please try to use newest 1.6.1 ver

there is new option added in settings

Restricted content: CSS Blurred / Hidden

CSS Blurred is what you should look for, in that case, instead of hidding elements from list – plugin will add special class name to it, you can find the class name using browser debugger, and then in your website theme add this classname to styling with any kind of blurring you like

tell me if you get any problems with it

Fantastic, that is exactly what I needed. I will play around with it, I will share the result. Many thanks !

regards Peter

I could not find a class to only blur the image but I managed to blur the whole item using the code below, which works for me.

.arc-post-css-blurred {
filter: blur(0.5rem);
}

I only noticed that when someone clicks on the blurred “quick view” button, which appears on hover, it will still show the original image of the restricted item.

Here you can view it: https://pornprint.com/

@petergiesbers top level classname .arc-post-css-blurred is just a key where you can add your blurring css.

then you can customize css with child rules and apply blurring only to the picture and not to the title and so on…

same for hover items