Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1470557

    Hi,
    is there a way to display the sort options of Masonry as a list?
    Additionally, is it possible to move the sort options to the navigation bar?
    Kind regards for your help
    Ulrich

    #1470615

    Hey Uli,

    Thank you for the inquiry.

    Unfortunately, there’s no option for this by default, and adding this customization would require significant modifications to the theme, which isn’t covered by our support. If this functionality is essential, you might consider hiring a freelancer to assist with the customization. You can find specialized freelancers on our customization page.

    If you have any other questions, feel free to let us know.

    Best regards,
    Ismael

    #1470678

    here is a css solution – but not with sort option in navigation – that is – as ismael mentioned a lot of work
    PS: maybe the sticky option is too much.

    https://webers-testseite.de/masonry-blog/

    and to have no influence on other masonry pages – it might be good to stay site-specific.

    #1470730

    Hi,


    @Guenni007
    : If I understand correctly, he wanted to convert the sorting buttons into a dropdown. Thanks for sharing, anyway.

    Best regards,
    Ismael

    #1470832

    Hi @all,
    thank you for your help, @Guenni007: Indeed, a dropdown on the top of the page would be perfect, but thanks a lot for sharing your solution anyway.
    Any tipps for a plugin which could be a solution are welcome ;-)
    Kind regards
    Uli

    #1470837

    see example page again
    https://webers-testseite.de/masonry-blog/
    – but did this for now only for that page. Not coming from a different page. From different page it first starts with all sorting.

    However, in my opinion, the decision to place the sorting near the masonry makes more sense than the navigation solution.

    function transfer_click_to_sort_options() { 
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
    	(function($){
    		$('.sort .sub-menu a').click(function() {
    			var linkPath = $(this).attr('href');
    			var linkHash = linkPath.split('#')[1];
    			$('#top').find('.av-sort-by-term a[data-filter="'+ linkHash +'"]').trigger('click');
    		});
    	})(jQuery);
    });
    </script>
    <?php 
    }
    add_action('wp_footer', 'transfer_click_to_sort_options');

    create your main menu with individual links – link is the page with your masonry and that hash value of the sorting. (the data-filter on the sorting are built by NAME_sort and for all it is all_sort)
    to better select the first level domain i give a custom class to (Sorting) : sort

    i have no solution of coming from a different page to open the masonry directly with that sorting.

    #1470838

    maybe it will be the easiest way to not show the sub-menu on different pages ;)

    #top:not(.page-id-41084) .sort.menu-item .sub-menu {
      display: none !important;
    }
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.