Masonry Blog Posts no longer sorting date correctly

Forgot to mention, the only plugin that is in use that might cause a conflict with the masonry would be Molongui Authorship. I don’t know much about that plugin. Have you heard anything about it that might be considered a problem?

Hi Ismael,

I’ve reinserted the script you provided, placing it directly beneath the original script in the Enfold child theme functions file (copied/pasted to https://snipboard.io/240r8s.jpg). Please let me know if you see anything helpful there. Thanks.

Last week I deactivated the Molongui Authorship and it made no difference with the sort order. If there is a conflict, I don’t see it there.

Thank you for the revision, but it didn’t work. Below is the functions.php with the revision included. I removed everything except what you provided and it didn’t make a difference.

// masonry read more
function ava_custom_script_mod(){
?>
<script>
(function($){
$(window).on(‘av-height-change’, function() {
$(‘.av-masonry-entry’).each(function() {
var more = $(this).find(‘.av-masonry-read-more’);
var cont = $(this).find(‘.av-inner-masonry-content-pos’);

if( more.length == 1 ) return;
$(‘<div class=”av-masonry-read-more”>Read More >></div>’).insertAfter(cont);
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘ava_custom_script_mod’);

// hide image descriptions on hover
function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘#wrap_all a’).removeAttr(‘title’);
jQuery(‘#wrap_all img’).removeAttr(‘title’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘remove_title_attr’);

// add selection feature to Blog Posts element to set the post by date order

if(!function_exists(‘avia_custom_query_extension’))
{
function avia_custom_query_extension($query, $params)
{
global $avia_config;
if(!empty($avia_config[‘avia_custom_query_options’][‘order’]))
{
$query[‘order’] = $avia_config[‘avia_custom_query_options’][‘order’];
}

if(!empty($avia_config[‘avia_custom_query_options’][‘orderby’]))
{
$query[‘orderby’] = $avia_config[‘avia_custom_query_options’][‘orderby’];
}

unset($avia_config[‘avia_custom_query_options’]);

return $query;
}

add_filter(‘avia_masonry_entries_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_post_grid_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_post_slide_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avia_blog_post_query’, ‘avia_custom_query_extension’, 10, 2);
add_filter(‘avf_magazine_entries_query’, ‘avia_custom_query_extension’, 10, 2);

add_filter(‘avf_template_builder_shortcode_elements’,’avia_custom_query_options’, 10, 1);
function avia_custom_query_options($elements)
{
$allowed_elements = array(‘av_blog’,’av_masonry_entries’,’av_postslider’,’av_portfolio’,’av_magazine’);

if(isset($_POST[‘params’][‘allowed’]) && in_array($_POST[‘params’][‘allowed’], $allowed_elements))
{
$elements[] = array(
“name” => __(“Custom Query Orderby”,’avia_framework’ ),
“desc” => __(“Set a custom query orderby value”,’avia_framework’ ),
“id” => “orderby”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__(‘Default Order’, ‘avia_framework’ ) =>”,
__(‘Title’, ‘avia_framework’ ) =>’title’,
__(‘Random’, ‘avia_framework’ ) =>’rand’,
__(‘Date’, ‘avia_framework’ ) =>’date’,
__(‘Author’, ‘avia_framework’ ) =>’author’,
__(‘Name (Post Slug)’, ‘avia_framework’ ) =>’name’,
__(‘Modified’, ‘avia_framework’ ) =>’modified’,
__(‘Comment Count’, ‘avia_framework’ ) =>’comment_count’,
__(‘Page Order’, ‘avia_framework’ ) =>’menu_order’)
);

$elements[] = array(
“name” => __(“Custom Query Order”,’avia_framework’ ),
“desc” => __(“Set a custom query order”,’avia_framework’ ),
“id” => “order”,
“type” => “select”,
“std” => “”,
“subtype” => array(
__(‘Default Order’, ‘avia_framework’ ) =>”,
__(‘Ascending Order’, ‘avia_framework’ ) =>’ASC’,
__(‘Descending Order’, ‘avia_framework’ ) =>’DESC’));
}

return $elements;
}

add_filter(‘avf_template_builder_shortcode_meta’, ‘avia_custom_query_add_query_params_to_config’, 10, 4);
function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename)
{
global $avia_config;
if(empty($avia_config[‘avia_custom_query_options’])) $avia_config[‘avia_custom_query_options’] = array();

if(!empty($atts[‘order’]))
{
$avia_config[‘avia_custom_query_options’][‘order’] = $atts[‘order’];
}

if(!empty($atts[‘orderby’]))
{
$avia_config[‘avia_custom_query_options’][‘orderby’] = $atts[‘orderby’];
}

return $meta;
}
}
add_action(‘wp_footer’, function () {
?>
<script>
function avResortMasonry() {
const masonryContainer = document.querySelector(‘.av-masonry-container’);
if (!masonryContainer) return;

const masonryItems = Array.from(masonryContainer.querySelectorAll(‘.av-masonry-entry’));

const masonryWithDates = masonryItems.map(item => {
const dateElement = item.querySelector(‘.av-masonry-date’);
const dateText = dateElement ? dateElement.textContent.trim() : ”;
const parsedDate = new Date(dateText);
return { element: item, date: parsedDate };
});

masonryWithDates.sort((a, b) => b.date – a.date);

masonryWithDates.forEach(({ element }) => {
masonryContainer.appendChild(element);
});
}

document.addEventListener(‘DOMContentLoaded’, avResortMasonry);
window.addEventListener(‘av-height-change’, avResortMasonry);
</script>
<?php
}, 9999);

add_filter(‘avf_postgrid_excerpt_length’,’avia_change_postgrid_excerpt_length’, 10, 1);
function avia_change_postgrid_excerpt_length($length)
{
$length = 300;
return $length;
}

That would be great – thanks, Ismael.. The login info is provided in the private field.

Sorry about that! I did add the script to the functions.php but did it through cPanel. The theme editor is enabled in WordPress now, if you could please take a look. Thanks.

Thank you for this suggestion. I’ve shared it with my client and they are going to try this out. If you don’t mind leaving this post open for a few more days, I can let you know how it goes.