Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 11, 2019 at 4:00 pm #1137087
    ariane1001

    Hi,
    On https://uniiq.nl I am using the plug-in Search & Filter Pro for my portfolio products, see https://uniiq.nl/portfolio/
    I can filter on custom categories that I added and it is working well. It works with JavaScript like the filter possibility from Enfold and it works fine.

    However, on the English page (second language) https://uniiq.nl/en/portfolio/ it is not working as expected.

    After filtering, or using ‘Reset filter’ blank results are shown. But, when I refresh the page, results are shown anyway. I contacted the support of Search & Filter Pro and they answered me the following:

    TrevorModerator
    September 11, 2019 at 2:43 pm#220758
    OK. I can see what is going wrong, but I do know enough of your theme/plugins to where the fix might be.

    The results grid is using Masonry (Isotope), and, to give the appearance of fading the results in and out, the theme or plugin that controls the results grid has this in the CSS when the page loads:

    .js_active .grid-image {
    opacity: 0;
    }
    This hides the Portfolio Image links.

    When the posts have loaded, each post has its opacity set to 1 to reveal them. This also always happens when the page first loads.

    This is happening on the standard language, but not on the second language (English). I suspect that this is because the JavaScript is expecting to work on the portfolio page URL, but is not expecting to see en/ in the URL.

    Hopefully you can help to find a solution for this so it will work also on the second language.

    Looking forward to hear from you,

    Thanks in advance,
    Ariane

    September 18, 2019 at 8:57 am #1139340
    Vinay

    Hey ariane1001,

    Sorry for the delay and Thank you for sharing the details.

    I’m not aware of this plugin and it’s beyond the scope of our support to make third-party plugin work with the theme however we can certainly help you if it’s a minor fix.

    Have you tried to get in touch with the plugin author to know how to correctly set it up for the portfolio items? Let us know what they had to say and if there is anything we can help you to make it work.

    Best regards,
    Vinay

    September 18, 2019 at 10:28 am #1139377
    ariane1001

    Hi Vinay,
    I did ask the plugin author first, see his answer in my original post above, his name is Trevor, his answer starts in the original post after TrevorModerator. If you could read the part with the blue line in front you can see the problem is only on the English part of the website and not on the part in the original (Dutch) site:

    Please read my question again because all the info is there! It has nothing to do with your scope but only with a translation.

    Looking forward to hear from you.

    Regards, Ariane

    • This reply was modified 5 years, 3 months ago by ariane1001.
    September 20, 2019 at 1:58 pm #1140217
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to set the initial opacity of the items, but it will remove the fadein animation.

    .js_active .grid-image {
    opacity: 1;
}

    Best regards,
    Ismael

    September 23, 2019 at 3:37 pm #1141030
    ariane1001

    hi Ismael,
    This works, thanks.
    Regards, Ariane

    September 24, 2019 at 8:04 am #1141247
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 24, 2019 at 4:01 pm #1141423
    ariane1001

    Hi Rikard,
    You can close it, thank you!
    Regards,
    Ariane

    September 24, 2019 at 5:15 pm #1141452
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Translated filter results only visible after refresh?’ is closed to new replies.