hi,
this is a post in the category album review.
We want to have the album cover artwork to be uploaded in the featured image section.
With the Advanced custom fields, we have added the option to upload an extra image with the field name “camera eye”.
Basically, when the post, which is in the album category, also has the category featured checked, we want to have the second image displayed that was uploaded in the advanced custom fields field called “camera eye”, but only in the block that is used in the featured section.
Basically, this can be done on the single post templates, as per photo below.
I’ve opted for the custom field to be displayed on the top right, instead of the featured image for this category.
It would come down to the option for the flex block on the front page, to be able to select between featured image or the custom field. While I know this isn’t an option today and likely won’t be any time soon, I was hoping how this could be achieved for just the flex block in the featured image for the album review category.
I hope this makes any sense…
Hi Calin, that’s great but yet only the half of the solution for me.
I also would like to achieve this similar effect on the search results page.
So not only on the menu bar search, working here: 
but also here, the page one gets to see if he/she hits the search button.
I am currently using the “general search template”: theme template and article display view module 2.
Hi Lucian.
I am trying to sort posts in category “camera-eye” (nr. 306) in the mega menu according to a custom field called “concertdatum”. However I keep failing miserably.
For this to work I have added the sorting option concertdatum like so:
/includes/wp_booster/td_data_source.php
case 'concertdatum':
$wp_query_args['meta_key'] = 'datum';
$wp_query_args['meta_type'] = 'DATETIME';
$wp_query_args['orderby'] = 'meta_value';
$wp_query_args['order'] = 'DESC';
break; Then I have changed the following to the mega menu file:
/includes/shortcodes/td_block_mega_menu.php
class td_block_mega_menu extends td_block {
function render($atts, $content = null){
if (is_category( '306' )){
$atts['sort'] = 'concertdatum';
parent::render($atts);}
$buffy_categories = '';
extract(shortcode_atts(
array(
'limit' => 5,
'sort' => '',
'category_id' => '',
'category_ids' => '',
'custom_title' => '',
'custom_url' => '',
'show_child_cat' => '', //the child category number
'sub_cat_ajax' => '' //empty we use ajax
), $atts));
if (!empty($show_child_cat) and
!empty($category_id)) {
// check for subcats existence
$td_subcats = get_categories(array(
'child_of' => $category_id,
'number' => 1
));
if (!empty($td_subcats)) {
$atts['limit'] = 4; //alter the loop because we don't have space now with the categories
}
}
parent::render($atts); // sets the live atts, $this->atts, $this->block_uid, $this->td_query (it runs the query)
//get subcategories, it returns false if there are no categories
$get_block_sub_cats = $this->get_mega_menu_subcategories($atts);
$additional_classes = array();But sadly nothing happens, can you help me out what I’m doing wrong please ?
Ok, closing in to the final solution.
The height is indeed now neatly corrected to everywhere the same, however…
the image is not shown completely, the others are 150 px square so they show in full, but once it’s bigger like 250px the picture is not automatically resized to fit.
Also the rest of the images in the menu are now stretched to fit the content without the width resizing.
what would be the correct css code to accomplish correct resizing ?
it’s a bit tricky finding out since the menu disappears trying to use the firebug extension.
thanks for your patience in this matter
and the album art causing the issue looks like this normally
Since I can’t get the above working I am currently trying yet another route.
Sadly the standard wordpress functions dont seem to work on this one.
“setting orderby and order with query strings is supported automatically, without pre_get_posts. For example, if you want to view Make WordPress Core’s posts in reverse alphabetical order, you can just go to https://make.wordpress.org/core/?order=DESC&orderby=title and it’ll work”
This doesnt happen.
I have placed a bit of code on the page like so, and standard posts should be sortable, however the theme says it cant find any posts at all when I choose anything else.
<div id="sortby"> SORT BY:
<select class="dropdown-class" name="sort-posts" id="sortbox" onchange="document.location.href=location.href+this.options[this.selectedIndex].value;">
<option disabled>Sort by</option>
<option value="&orderby=date&order=DESC">Newest</option>
<option value="&orderby=date&order=ASC">Oldest</option>
<option value="&orderby=keyword&order=ASC">abc</option>
<option value="&orderby=keyword&order=DESC">ZYX</option>
</select>
</div>This additional bit of code in functions should tackle the keyword custom field option, but that’s a no go either. Any thoughts ?
function wpse_139657_orderby() {
if ( isset( $_GET['orderby'] ) ) {
if ( in_array( $_GET['orderby'], ['keyword'] ) ) {
set_query_var( 'orderby', 'meta_value_num' );
set_query_var( 'meta_key', $_GET['orderby'] );
}
}
}
add_filter( 'pre_get_posts', 'wpse_139657_orderby' );The page I’m currently testing this piece on can be found here:
http://v2.enola.be/albums-met-letter-d/
Am currently trying a different approach.
I have added this bit to functions, to be able to sort on keyowrd a to z and z to a.
$sortList = array(
'a-z' => array(
'meta_key'=>'keyword',
'orderby'=>'meta_value',
'order' => 'ASC'
),
'z-a' => array(
'meta_key'=>'keyword',
'orderby'=>'meta_value',
'order' => 'DESC'
)
);I created a page with the tagdiv composer to show all posts that have a keyword starting with the letter D, the posts are ordered by date (which is standard, recent to old)
According to the tutorial that I’m trying to implement these two pieces of code should find their way into the theme
for the loop:
<?php
gloabl $sortList; //to use the $sortList in your functions.php.
$aryQuery = $sortList[$_REQUEST['orderby']] ? $sortList[$_REQUEST['orderby']] : $sortList['keyword'];
$featuredPosts = new WP_Query( $aryQuery );
?>For the drop down list, which should appear on the page.
Tried adding this via the raw html inserter in tagdiv but that’s not working out.
Should I implement this in a custom page template ?
<ul>
<?php
gloabl $sortList; //to use the $sortList in your functions.php.
foreach( $sortList as $orderby => $aryOrderBySettings){
?>
<li> <a>">Order by <?php echo $orderby;?></a></li>
<?php
}
?>
</ul>Could you please advise where I should implement the two pieces of code above ?
Is there a way to edit the mobile theme then so it does look a bit more like the full web site ?
For instance would it be an option to install a second copy of the newspaper theme but adjust it to our specific mobile needs, and make the site use that theme when it detects mobile devices ?
