Search Results for 'post grid'

[Joao Neves]

Joao Neves

#281691

Many thanks for your input Ben!

Yeah, I finally got it to work by changing the query parameters to “post_type”.

if ( isset( $args['post_type'] ) && 'custom-type' === $args['post_type'] ) {
// Add changes for post grid targeting custom-type posts.
}

Again, many thanks for your help. And thanks for all your hard work with Kadence! ✨🙏❤️

Regards,
Joao

• This reply was modified 3 years, 3 months ago by Joao Neves.
• This reply was modified 3 years, 3 months ago by Joao Neves.

[chitocamacho]

chitocamacho

#281610

Hi there,

Post Grid/Carousel is a premium block from Kadence Blocks Pro plugin. You can get it here:
https://www.kadencewp.com/kadence-blocks/pro/

It’s also included in the Kadence product bundles.

Kadence Blocks documentation:
https://www.kadencewp.com/help-center/knowledge-base/kadence-blocks/

I hope this helps, and let us know how we can assist further.

Kind regards,
Chito

[fergonalo]

fergonalo

#281607

Hi Hanna,

Where can I find the Post Grid/Carousel block?

Thx for your help!

[Asmus]

Asmus

#281591

Hello,

I am looking for a way to include several different CPT’s (Custom Post Types) into one single Post Grid / Carousel, and then choose “individually” the post to show within the carousel.

The reason I have made different CPT’s is that they aren’t sharing the same “element” template.

I haven’t found other options than to make individual carousels for each post type. It would be nice if one carousel would include more CPT’s.

Is this possible?

Thanks,
Asmus

[Asmus]

Asmus

#281591

Hello,

I am looking for a way to include several different CPT’s (Custom Post Types) into one single Post Grid / Carousel, and then choose “individually” the post to show within the carousel.

The reason I have made different CPT’s is that they aren’t sharing the same “element” template.

I haven’t found other options than to make individual carousels for each post type. It would be nice if one carousel would include more CPT’s.

Is this possible?

Thanks,
Asmus

[Ben Ritner]

Ben Ritner

#281572

You would need to use some attribute in the passed $args array to distinguish the two blocks on a page. For example, if your second targets a different post type you can add an if statement in your filter.

if ( isset( $args['post-type'] ) && 'custom-type' === $args['post-type'] ) {
// Add changes for post grid targeting custom-type posts.
}

Ben

[Joao Neves]

Joao Neves

#281546

Hello again,

Thanks for getting back to me Karla!

My question was if you can somehow target a specific post grid block on the same page, since I have two of them on my single page “Elements” template. See screenshot.

The first post block (marked in green) is correctly pulling the ACF post object from a custom CPT. Great!

The second one (marked in blue) is supposed to get the latest posts from another CPT. But when using the above code (that bonn provided) both post grid queries gets affected with the same supplied arguments. Resulting in “no posts” for the second post grid block.

So was wondering if there is an easy way to target a specific post grid block?

[Karla]

Karla

#281528

Hi, Joao.

Happy holidays!

Targeting a specific block is more complicated. However, you can target a specific page by adding another condition. For example:

add_filter('kadence_blocks_pro_posts_grid_query_args', function($args){
	 //you can enter the correct slug of your cpt
	if ( is_singular('post') && is_page( 42 )) {
		$related_posts = get_field('related_posts'); //your POST FIELD 
		$ids = array();
		if ( $related_posts ) {
			$ids = wp_list_pluck( $related_posts, 'ID' );
			$args['post__in'] = $ids;
		}	
	}
	
	return $args;
});

Where 42 is the page’s ID.

I hope this helps with your customization. Let us know if we can assist you further with this.

Regards,
Karla

[Joao Neves]

Joao Neves

#281503

Hello Bonn!

Sorry for the late reply, but I just tested this out and it worked! Wohoo! 🤗

Thanks so much for coming up with this workaround! It’s a much needed necessity, especially if working with “Elements” / templates.

—

Now, I have two post grid blocks on my “Elements” single page template, and the code you provided seems to target both. Any idea on how I can easily target just one of them? (The other one is just set to query latest posts from another cpt).

Again, many many thanks for the above solution! Helps me out a bunch!

Happy Holidays! ✨🙏🎅🎄

[Anonymous]

Anonymous

#281468

Hi Max,

Currently, there is no Isotope layout option for the Post Grid/Carousel block. I suggest you submit that as a feature request and that eventually gets picked up by the development team.

You can submit a feature request so that other people with the same request can take a vote of it as well: https://www.kadencewp.com/kadence-blocks/feature-requests

Let us know how we could help you further.

Kind Regards,
Michael

[chitocamacho]

chitocamacho

#281464

Hi Max,

You could replace the archive pages using Post Grid/Carousel block (Kadence Blocks Pro) which has a setting for Masonry layout via Kadence Hooked Element and remove the default archive post loop item using custom CSS. Here’s an example: https://share.getcloudapp.com/Qwuj99Qo

Here’s the code:

#archive-container,
.navigation.pagination {display:none}

If you have Kadence Blocks Pro, you can utilize the Post-Specific CSS as shown in the video. Otherwise, you can add the code in Customizer > Additional CSS.

Does that work for you?

Kind regards,
Chito

[Bonn]

Bonn

#281422

Hi Joao,

The Post Object field’s return value can’t be processed by our dynamic content options yet. However, we have something planned in the next major updates to process this.

Meanwhile, you can achieve this by adding a custom code and Post Grid/Carousel block.

Your code would be something like this:

add_filter('kadence_blocks_pro_posts_grid_query_args', function($args){
	 //you can enter the correct slug of your cpt
	if ( is_singular('post') ) {
		$related_posts = get_field('related_posts'); //your POST FIELD 
		$ids = array();
		if ( $related_posts ) {
			$ids = wp_list_pluck( $related_posts, 'ID' );
			$args['post__in'] = $ids;
		}	
	}
	
	return $args;
});

You can add this code using the Code Snippets plugin: https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/how-to-add-a-custom-filter-or-function-with-code-snippets/

Let us know if this works for you.

• This reply was modified 3 years, 4 months ago by Bonn.

[Joao Neves]

Joao Neves

#281404

I’ve set up a CPT single page template in “Elements”.

There I would like to display posts based on that post ACF post object field. Ideally I would like to use the post grid/carousel block and display the “related” posts dynamically, but can’t figure out how to achieve this. Do anyone know if this possible?

ACF Post object:
*Login to see link

Screenshot of what I am trying to achieve:

• This topic was modified 3 years, 4 months ago by Joao Neves.

[Joao Neves]

Joao Neves

#281404

I’ve set up a CPT single page template in “Elements”.

There I would like to display posts based on that post ACF post object field. Ideally I would like to use the post grid/carousel block and display the “related” posts dynamically, but can’t figure out how to achieve this. Do anyone know if this possible?

ACF Post object:
*Login to see link

Screenshot of what I am trying to achieve:

• This topic was modified 3 years, 4 months ago by Joao Neves.

[jorge-0685]

jorge-0685

#281233

I have a custom post type for Events and I’m looking for the best way to build a layout that shows the next upcoming event at the top as a hero, and then all subsequent events in a standard grid below. With Elements I can create most of it and I even used a pre_get_posts function to sort the **grid** by a custom event_date… that all works.

The problem is that I can’t find a way to use that custom event_date field to show that single one for the hero. I have an events hero hooked element using advanced text and advanced image to show the “current post”, which seems to just use the latest one from the standard query (by post date I assume).

Should I be using a custom page instead of an archive with hooked elements? If so, how do I build that hero to show the next upcoming event by custom event_date? I’ve tried Post Grid/Carousel block but it’s not really made for a single result.

Is the best way to create an archive-events.php file and do it all manually?

[jorge-0685]

jorge-0685

#281233

I have a custom post type for Events and I’m looking for the best way to build a layout that shows the next upcoming event at the top as a hero, and then all subsequent events in a standard grid below. With Elements I can create most of it and I even used a pre_get_posts function to sort the **grid** by a custom event_date… that all works.

The problem is that I can’t find a way to use that custom event_date field to show that single one for the hero. I have an events hero hooked element using advanced text and advanced image to show the “current post”, which seems to just use the latest one from the standard query (by post date I assume).

Should I be using a custom page instead of an archive with hooked elements? If so, how do I build that hero to show the next upcoming event by custom event_date? I’ve tried Post Grid/Carousel block but it’s not really made for a single result.

Is the best way to create an archive-events.php file and do it all manually?

[Bonn]

Bonn

#281160

Hi,

Try adding this custom CSS:

.wp-block-kadence-postgrid .kadence-post-image-intrisic {
    padding-bottom: 125% !important;
}

Hope this helps.

[teejayhidalgo]

teejayhidalgo

#281136

Hi there,

You mentioned that you have Kadence Blocks plugin installed on your WordPress website. The free version of the Kadence Blocks plugin comes with the Posts block. However, you also mentioned that you are trying to add a Post Grid on your Homepage. Are you referring to the Post Grid/Carousel block? This a Kadence Blocks Pro feature.

Here’s a screen recording showing the 2 blocks, Posts block and the Post Grid/Carousel block: https://share.getcloudapp.com/5zu2ZlbX

Can you describe further what is happening when you are trying to add the post grid? How you are adding the block and what is not working. ​If possible, can you send us some screenshots, screen recordings and additional description that may help us replicate or see this issue?

Best regards,
Teejay.

[saadk751632]

saadk751632

#281133

I have kadence blocks plugin install on my wordpress website thepaintballera.com but when i try to add post grid option in my homepage. It does not working. Can anybody guide me about this problem??

[saadk751632]

saadk751632

#281133

I have kadence blocks plugin install on my wordpress website thepaintballera.com but when i try to add post grid option in my homepage. It does not working. Can anybody guide me about this problem??

[Ninon Michels]

Ninon Michels

#281108

Hello there!
I would like to customize the image ratio for every Post Grid/Carousel Block to 4:5. Can anyone provide me some code to do so? Thanks a lot!
Ninon

[Ninon Michels]

Ninon Michels

#281108

Hello there!
I would like to customize the image ratio for every Post Grid/Carousel Block to 4:5. Can anyone provide me some code to do so? Thanks a lot!
Ninon

[chitocamacho]

chitocamacho

#280907

Hi there,

Thank you for writing.

Currently, there’s no function for infinite scrolling in Kadence Post Grid/Carousel block. You can add your vote to this existing feature request: https://www.kadencewp.com/kadence-blocks/feature-requests/post-grid-carousel-block-infinite-scroll/

Filter and pagination do not work together because of how the filter function works. It is a simple filter that filters the available posts on the page, therefore it might get confusing to users if the posts are separated into pages and the filter is only applied to the posts on the current page.

There’s also an existing feature request that you can add your vote to:
https://www.kadencewp.com/kadence-blocks/feature-requests/post-grid-with-both-post-filter-and-pagination

You could use the Gutenberg Navigation block and put the categories as the primary means of filtering the posts. You could also do that in the sidebar.

Let us know how we can help further.

Kind regards,
Chito

[Solace]

Solace

#280870

Hello team

In Kadence Theme: I want to display blog posts inside another page (‘News’) using the Posts/Grid Carousel and have them show on the front end using infinite scroll.

The “Infinite Scroll for Blog?” option in Customizer > General > Infinite Scroll has been activated. But on the front end, infinite scroll is not showing. In my page, ‘News’, I can only see the option to display x number of posts (max seems to be 300) – that is not ideal as it literally loads 300 posts onto the page (takes time)…

I know I can activate infinite scroll if I assign the “News” page to be the ‘posts page’ in settings, however, I’ve got other content I want to show in that News page too, hence to use the Posts Grid option.

What other option is there?

• This topic was modified 3 years, 6 months ago by Solace.
• This topic was modified 3 years, 6 months ago by Solace.

[Solace]

Solace

#280870

Hello team

In Kadence Theme: I want to display blog posts inside another page (‘News’) using the Posts/Grid Carousel and have them show on the front end using infinite scroll.

The “Infinite Scroll for Blog?” option in Customizer > General > Infinite Scroll has been activated. But on the front end, infinite scroll is not showing. In my page, ‘News’, I can only see the option to display x number of posts (max seems to be 300) – that is not ideal as it literally loads 300 posts onto the page (takes time)…

I know I can activate infinite scroll if I assign the “News” page to be the ‘posts page’ in settings, however, I’ve got other content I want to show in that News page too, hence to use the Posts Grid option.

What other option is there?

• This topic was modified 3 years, 6 months ago by Solace.
• This topic was modified 3 years, 6 months ago by Solace.

[chitocamacho]

chitocamacho

#280751

Hi Daniel,

Thank you for writing.

Here’s a screen recording to replicate the home page: https://share.getcloudapp.com/8Lu1WBjd

The reference site has 1290px content max width. You can set that value in Customizer > General > Layout > Content Max Width.

All the rows on that page use the Kadence Row Layout block and they inherit the theme content max width by enabling that option in Row Layout > Structure Settings.

The Featured Categories and Latest Blogs sections use the Kadence Posts block.

You can choose how to categorize the posts in the Featured Categories section via the Posts block settings. https://prnt.sc/YK7cKr2c-qj5

The posts in the Latest Blogs section are ordered by newest to oldest. https://prnt.sc/so0Hf8YBOKRg

All the posts on the home page are Boxed (post layout style). This can be set in Posts block > Layout Settings. https://prnt.sc/9XTp0Dc7KHIL

The box shadow for the Boxed post layout can be customized in Customizer > General > Layout > Archive Grid Boxed Shadow. https://prnt.sc/vDidKGBMbDdW

Adjust the padding/margin in Row Layout > Padding/Margin to your liking.

I hope this helps and let us know if you need further assistance.

Kind regards,
Chito