How can we make it so that every time we interact with the filter, the page load - Support

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
October 21, 2025 at 9:10 am #1490451

aintzerga
Participant

Hello.
We’ve created a portfolio filter on a long content homepage. We’re using the Filter Everything PRO plugin to create the filter.
When selecting a category from the filter, the page reloads to the top of the homepage.
See the homepage at this link: https://limousin.eus/website2025/

How can we make it so that every time we interact with the filter, the page loads in the same place, without returning to the top of the homepage?
The plugin has an Ajax option. I’ve activated it and created an ID (product-results) for the section of the page where the filter appears. It works, but the images don’t load.
I’ve disabled Lazy Load in the preferences, but the images still aren’t displayed.

What can we do?

Thank you.

October 21, 2025 at 10:53 am #1490458

aintzerga
Participant

Hello,

We’ve spoken with the creator of the filtering plugin, and he asked us to add this CSS code to view the images:
.js_active .grid-image {
opacity: 1 !important;
}

The images are now visible, but they’ve changed from square to rectangular. If you refresh the page, they appear square again.

What could be the problem with the filtering not displaying square images? Lazi loading?

I’m sending you this comment from the creator of the filter:

Well, it is a quick workaround, not ideal, as we do not know what exactly this JS code is doing. So you might want to contact the theme support and ask them which function you can use in this code wrapper>

jQuery(document).on(‘ready’, function(e){
/* Plugin function to re-init, e.g. jQuery(“[data-fancybox]”).fancybox(); */
});
So after AJAX filtering, this JS code will reinitialize and apply all of the required changes to the images. Usually, the theme support should provide such information without any issues. It could be lazy loading for images or something like animations. But most likely, just looking at the page, they’d know what it is.

Thanks.

October 23, 2025 at 7:47 am #1490530

Ismael
Moderator

Hi,

Thank you for the inquiry.

The images are now visible, but they’ve changed from square to rectangular. If you refresh the page, they appear square again.

The images in the portfolio grid still look square when we checked. This is how the grid looks on our end:

Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

October 23, 2025 at 4:53 pm #1490548

aintzerga
Participant

Hello Ismael,

Here are the screenshots:

Before selecting a filter: https://ibb.co/0pRrvWsF
After selecting a filter: https://ibb.co/23vKmK3Y

When selecting a filter, the images are cut off.

Thank you.

October 24, 2025 at 7:00 am #1490560

Ismael
Moderator

Hi,

Thank you for the screenshots.

We can’t reproduce the same issue on our installation. We tried selecting a filter, but the images remained the same. We even tried resetting the sorting and then selecting another filter, but the images still look the same. Which browser are you testing this with?

Best regards,
Ismael

October 27, 2025 at 1:27 pm #1490622

aintzerga
Participant

Hello.
We’re experiencing this issue on all browsers: Chrome, Safari, and Firefox. See screenshot: https://ibb.co/DDDzz5N6

Thanks.

October 27, 2025 at 1:33 pm #1490623

aintzerga
Participant

Watch the screen recording video to see the issue: https://app.screencastify.com/watch/sxWInuudNm1favSKVBI0?checkOrg=d91a1b92-9828-4746-ae6c-8798fbf98738

October 28, 2025 at 5:33 am #1490639

Ismael
Moderator

Hi,

Thank you for the short clip.

The issue is still not occurring on our end — we even tried zooming out the browser to emulate a larger screen. We recommend reaching out to the developers of the sorting plugin for additional assistance.

Best regards,
Ismael

October 30, 2025 at 3:54 pm #1490752

aintzerga
Participant

Hello.

In the screenshot you attached, the images are not square; they are cropped, as we indicated as the problem. Therefore, you are reproducing the display error. Here is a link to see the same products on my screen: https://ibb.co/X9qWjQX

¿¿??

October 31, 2025 at 7:15 am #1490795
Ismael
Moderator
Hi,

Thank you for the screenshot.

Did you add this css code?
```
.responsive .fullsize .grid-col-4 .grid-image {
    height: 215px;
}
```
This limits the height of the grid items. Try to remove this css code or override it with the following css rule:
```
.responsive .fullsize .grid-col-4 .grid-image {
    height: auto !important;
}
```
Let us know the result.

Best regards,
Ismael
October 31, 2025 at 10:12 am #1490805

aintzerga
Participant

Hi,

I haven’t added the CSS you mentioned, as far as I know.

I added the CSS to the settings in Enfold, and now the portfolio grid display is working correctly.

Thanks for your help.

Best regards.

November 1, 2025 at 2:06 pm #1490844

Mike
Moderator

Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘How can we make it so that every time we interact with the filter, the page load’ is closed to new replies.