Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1999336
"Large with" and "Load More" issue
Closed

Comments

  • Miguel started the conversation

    Hi there.

    I'm afraid I've found a JS bug related with the "large with" items display in Masonry II:

    - With "Image Original Proportion":

    After clicking the "load more" button, all the "large with" items lose their correct position, breaking the masonry flow (screenshot 1).

    In fact, the re-ordering after clicking "load more" isn't very smooth at all... It would be great if you have a look at that too.

    - With "Fixed Image Proportions":

    The "large width" items don't positionate correclty by default. In this case the "load more" button doesn't affect the positioning (screenshot 2).

    Please let me know what to do.

    Besides that, I wonder why the "load more" button always appears in my "Portfolio List", even when there's only one item to display. Could you check it?

    Thanks a lot.

  • Miguel replied

    Something seems to be wrong with the first screenshot on my previous message.

    I'm attaching it again.

  •  1,845
    Elated replied

    Hi there, 

    I apologize for belated reply.

    I investigated the issue you were facing, but on our side I was unable to reproduce it. These funcionalities worked just fine.

    This applies to load more button as well, I set the pagination type to load more:

    7030802788.png

    Displayed only one project:

    3074214299.png

    And it worked fine:

    1330793409.png

    Would you provide us your wp-admin credentials in private reply along with your site URL so we can take a closer look? 

    Best regards!

    Joey


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •   Miguel replied privately
  •   Miguel replied privately
  •  1,845
    Elated replied

    Hi again,

    I've added the following code into Brynn Options -> General -> Custom Code -> Custom JS:

    var btn = document.querySelector('.eltdf-btn-load-more');
    function fixLayout() {
        var largeWidth = document.querySelectorAll('.eltdf-masonry-size-large-width');
        if (largeWidth) {
            largeWidth.forEach(function(article){
                if(article) {
                     article.style.height = 'auto';
                }
            });
        }
    setTimeout(fixLayout, 100);
    } if(btn) btn.addEventListener('click', fixLayout);

    This fixed the problem with large width entries and load more button.

    Regarding your other questions, I tested this on your site, by showing only one project:

    5702769289.png
    9239572114.png

    And as you can see the load more button didn't appear. If this is not what the case you were referring to, pleaes be more specific, perhaps add some screenshot of that example too.

    Let us know if there's anything else we can help with!

    Best regards!

    Joey


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Miguel replied

    Hi.

    Thanks for the help, but the problem remains, now in the bottom side of my portfolio. After a "load more" the last items don't display correctly. See first screenshot.

    Regarding the second question: I didn't ment a portfolio with just one entry, but a category filtered portfolio (via Isotope filter again) with just one item to display (less than four, in fact; not necessarily one). See second screenshot.

  •  1,845
    Elated replied

    Hi again,

    I investigated those issues, but on my side I was unable to reproduce them. As you can see below, all the items display fine:

    3453782502.png

    Also there is no load more button when there is one filtered item:

    4707490849.png

    Perhaps these issues are hardware/OS/browser related? Could you disclose on what screen/OS/browser you are experiencing these issues?

    Best regards!

    Joey


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Miguel replied

    Hi.

    The problem at the bottom side is kind of random. The screenshot I sent you on thursday was Chrome. Here is Firefox. It's not always the same overlap and it doesn't appear always, but it's there.

    For the unnecesary "load more" button, it's still there. I'm attaching a video.

    The button should never display under 24 items, which is my set limit on portfolio settings. And obviously, no matter the number of items, it should never display when there's nothing more to show.

    I think it's clear that the portfolio features (which, in addition, has a very poor re-ordering effect), are not well finished. Please check it in deep. I cannot build a portfolio site with a poor portfolio...

    Thanks again.

  •  1,845
    Elated replied

    Hello again,

    I apologize for the inconvenience, but I've tested this multiple times on multiple different browsers but still was unable to reproduce the issue at the bottom. Anyway I changed the function I provided in on of earlier replies, by lowering the delay time, so it would activate earlier when you press load more button.

    I'll forward this issue to our dev team though, so they can find and fix the original problem. Hopefully the fix will be included in some future update.

    Regarding the load more button issue, this happened because filter feature is filtering only visible portfolio/blog items (24 as you set). So if you don't load all items on first page (show all), and than use filter, it will show load more button because not all portfolio items are loaded generally. And when you click on Load More button there it will load another 24 items generally and filter them.

    Unfortunately there is no fix for this, because script which we are using for the filter is working that way.

    So, only solutions are:
    a) to set all items to be visible without Load More functionality
    b) to disable filter option
    c) to increase number of portfolio items on your page so you can have more items for each category

    If there is anything else, feel free to let us know!

    Best regards!

    Joey


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Miguel replied

    Hello, Joey.

    So there's no fix for any of both bugs. That's really not what I expected.

    Looking for an alternative solution, I've tried to change the pagination type to "Standard" and to "Infinite Scroll". Any of them is working properly: "Standard" comes with the same errors that "Load more". "Infinite scroll" still has the "large width" items overlapping (see screenshot).

    I really hope that you can correct all this pagination problems on the next update. I will consider my options and let you know. In the meantime, one more question:

    In any of the pagination types, the category filter shows a different amount of items in each case: 24 on "Show all" (that's correct), 4 on "Libros" (the total amount is 5), 6 on "Personal" (total amount: 13), 10 on "Artwork" (total amount: 18) and 4 on "Prensa" (total amount: 5). Why? 


  •  1,845
    Elated replied

    Hello there,

    We have just checked this on your website and as you can see in the following screenshots it seems like everything works just fine >>

    1972731195.png
    2135450577.png

    Did you manage to fix the issue in the meantime?

    If there is anything else that we can help you with please don't hesitate to ask.

    Kind regards,

    Sean


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Miguel replied

    Hello.

    I don't really get what are you answering to with this message and these screenshots.

    In order to understand each other, please, let's focus on my last question:

    In any of the pagination types, the category filter shows a different amount of items in each case: 24 on "Show all" (that's correct), 4 on "Libros" (the total amount is 5), 6 on "Personal" (total amount: 13), 10 on "Artwork" (total amount: 18) and 4 on "Prensa" (total amount: 5). Why? 

    Thanks.

  •  1,845
    Elated replied

    Hello again,

    I have focused on that question, I apologize if the images were not clear enough.

    What they were supposed to show is that the number of items shown when the list is being filtered is exactly the number that you indicated is the total amount for the respective categories.

    If this is not the case when you are viewing the page please try to clear any cache that you may have enabled and check again also you might want to try viewing this from different browsers and devices.

    If there is anything else that we can help you with please don't hesitate to ask.

    Kind regards,

    Sean


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •   Miguel replied privately
  •  1,845
    Elated replied

    Hello again,

    Regarding the number of items displayed before loading more, I'll try to explain how does this category filter feature works. On ''Show all'' are always displayed 24 same portfolios, since the Order by settings are always the same, and not set to be Random, and Numbers of Portfolios Per Page are set to 24 which refers only to ''Show all'' page. When the Category Filter is enabled, these 24 portfolio items are being filtered and displayed in related categories. So if we disregard one item that has 2 categories Brynn / Artwork, all of the others have only single category, and if you count portfolio items in these categories (these you mentioned in your earlier replies) you'll see that there is exactly 24 of them, and always the same number per category, because of the Order by option, these are always 24 same items. This is the way this feature works an all our themes, and there is nothing to be fixed, since this is the logic behind this funcionality. Regarding the bottom problem that appears randomly, I suggest that you instead 24 items to be displayed, enter -1, so you would not need load more button, since all the items will be displayed at once as well as in ''Show all'' page as in differerent category pages. However problem with layout with large width images breaking on load more is reported to our dev team and should be fixed in some future update.

    Until then, don't hesitate to write in if you need any further assistance.

    Best regards!

    Joey


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.