Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1302435

    Hi!

    I’m working on this site where they want to list all available job openings as blog posts so they show up automatically when using the Blog Poster item. I have set the Blog Poster to show only three entries with title and excerpts when loading the page. This page would otherwise bee too long. However, I’d like an option to expand to see all the entries. Is this possible? I’d like a list with all blog posts so one can see every job opening, not only the latest.

    Regards, Roger

    #1303024

    Hey Technohead,
    Thank you for your patience and the link to your page, while there is not an expanding Pagination option, you could try the normal Pagination option which will show you 3 more entries, or you could add a button to another page to show all of your entries, examining the layout of your page with the form on the right it seems like the 3 entries are a sample of opportunities and a button to a full list would be natural?
    Or you could try using two blog elements and a button separating them in your section, if you set the two blog element to use their offsets then together they will show all of the posts, and the button would toggle their visibility with a little jQuery. For example this is my test page:
    toggle_blog_element_visibility_with_jquery_backend.jpg
    The first blog element is set to show 3 posts with an automatic offset and no pagination.
    The button has the default manual link set with no url, I only changed the button title to “Show All” and added the custom ID show-all-button
    toggle_blog_element_visibility_with_jquery_button_id.jpg
    The second blog element is set to show all posts with no pagination and the automatic offset so it will not show the same posts as the first one and added the custom ID show-all-posts
    I added the jQuery to a code block element for simplification of this example:

    <script>
    (function($){
      $(document).ready(function(){ 
        $('#show-all-posts article').hide();
        $('#show-all-button').click(function(e){
        e.preventDefault();
         $('#show-all-posts article').toggle();
    
    });
        });  
    })(jQuery);
    </script>

    toggle_blog_element_visibility_with_jquery_code.jpg
    Then on page load the first blog element with only 3 posts show while the second blog element is hidden.
    toggle_blog_element_visibility_with_jquery_frontend_page_load.jpg
    When the button is clicked the second blog element is shown.
    toggle_blog_element_visibility_with_jquery_frontend_button_click.jpg
    Perhaps this will work for your project, in the Private Content area I have linked to my test page, it will probably only be working for a few days if you want to see the example working.

    Best regards,
    Mike

    #1303254

    Hi Mike!

    Dang, that was some really nice and well presented suggestions! I went for a singel page with a Blogposter listing all entries that can be reached from a button “Load all job openings”. I may try the other examples as well, just to see if I can make it work too. Seem very interesting and I’ll also talk to my client to see what they think.

    Always a pleasure getting support from you guys!

    Regards, Roger

    #1303411

    Hi,
    Glad that we could help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    #1303415

    Thank you again Mike, you can close this thread.
    Regards, Roger

    #1303563

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Option to show all entries in blog poster’ is closed to new replies.