Search Results for 'post grid'

[Hannah]

Hannah

#266878

Hi Heavy,
Hope you enjoyed your weekend!
Sorry, there isn’t a built-in way to achieve this using the portfolio grid block, but you could do a bit of a workaround. On one page you could limit your posts shown to a certain taxonomy. Then on the other page you could choose to show all. Then you can add a button linking to your filtered page. Is that kind of what you’re thinking?

Kindly,
Hannah

[Lukas]

Lukas

#266761

presumably this works for the standard gallery view (masonry or grid) and not for carousel or thumbnail carousel?

I can’t get the images lazy loaded, PageSpeed says I should defer the loading of all the images in the carousels in this post:
https://nimblecamper.com/top-5-features-microcamper/

With 3 different lazy load plugins tested (including WP Rocket lazy load).
Kadence PRO theme, Kadence Blocks PRO + Gutenberg.

wanted to check here before I open a new ticket, but no problem to if it’s better for you.

thanks
Lukas

• This reply was modified 4 years, 10 months ago by Lukas.

[Karla]

Karla

#266707

Hello Yogi,

Thank you for reaching out to us.

“Featured Projects” section.

1. How to add this section to the homepage?
You’ll need to add the Portfolio Carousel item to the Enabled row in Theme Options > Home Layout. For more information regarding the home layout of the Virtue Theme, you can refer to this article – http://docs.kadencethemes.com/virtue-premium/theme-options/home-layout/.

2. How to add images to this section?
The images that will be shown in this section are the featured images of your Portfolio posts. Here’s a screen recording for your reference – https://share.getcloudapp.com/7Kuone90.

3. What is the ideal image size i.e. of the square image on the demo homepage under “Featured Projects” (width x height)
On our demo contents, we used the thumbnail size of 270 x 270px for the featured images. You may use a bigger size, preferably with a square resolution.

4. If added, can we change the title from “Featured Projects” to “Featured Blogs”
Yes, you can change that on Theme Options > Home Layout > Home Portfolio Carousel title option – https://share.getcloudapp.com/04u2Rb49.

5. Can the images link to specific blog pages on our website?
No, it will be linked to the Portfolio post. If you want to add a carousel of images with an option to set the links, you may use the Custom Carousel instead.

We presently have over 100 Blog posts. We would like to know how we can divide these Blogs into separate categories so that the user can read the Blog as per the desired category.

You may want to use a sidebar with the Categories widget so the users can go to different categories easily. For the Blog page, you can refer to the following articles regarding the templates you can use:

• http://docs.kadencethemes.com/virtue-premium/templates/blog-grid-template/
• http://docs.kadencethemes.com/virtue-premium/templates/blog-page-template/

Hope this helps.

Best Regards,
Karla

[Thomas]

Thomas

#266577

Hey Team!

I got a script a few months (or even years) ago from Ben. It didn’t work here, but now it does! I found out, that I use the “menu_order” for the portfolio grid, but the navigation still uses the “order by date” syntax somehow. Even without the script, the newest portfolio element was the first. Not the one with the smallest menu order number. I just changed all dates to match the menu order and now the navigation works finally.

Now with that being fixt the old script seems to work!

BTW: I had troubles with centering text in the kadence slider. I think I read something similar in an old post from 2018 or something, that it may load a wrong font first. I fixt this by adding some CSS.

No need for action for me right now. Thanks!

[Karla]

Karla

#266561

Hello aliyan.shahyan123,

Thank you for reaching out and we would appreciate it if you open a new topic for your concerns.

Upon checking your website, I see you’re using the Posts block for the job listings. There is no option for pagination for this block, you’ll need to use the Post Grid/Carousel block(available in Pro addon) instead to enable the pagination.

Hope this clarifies.

Best Regards,
Karla

[Mark Randall]

Mark Randall

#266535

I want to use the Kadence elements and Kadence Blocks Pro to make a custom post grid template. I’d like the title, the author name, categories, tags, and background image to all be dynamically generated. You can see the picture below as an example. And I want to use this element template in a post grid. I know Generateblock does something similar but I’m trying to make a complete kadence theme only using Kadence blocks/ Kadeence pro.

Is this possible? And is there an instruction video that fully explains Kadence’s dynamic content capabilities?

• This topic was modified 4 years, 10 months ago by Mark Randall.

[Mark Randall]

Mark Randall

#266535

I want to use the Kadence elements and Kadence Blocks Pro to make a custom post grid template. I’d like the title, the author name, categories, tags, and background image to all be dynamically generated. You can see the picture below as an example. And I want to use this element template in a post grid. I know Generateblock does something similar but I’m trying to make a complete kadence theme only using Kadence blocks/ Kadeence pro.

Is this possible? And is there an instruction video that fully explains Kadence’s dynamic content capabilities?

• This topic was modified 4 years, 10 months ago by Mark Randall.

[Hannah]

Hannah

#266508

Hey,
Thanks for reaching out! You can create custom category pages using the Post Grid/Carousel block (or the Product Carousel block if you’re referencing products). Does this work for you?

Kindly,
Hannah

[Karla]

Karla

#266460

Hello Mark,

Thank you for reaching out to us.

That is the expected behavior and design of the Blog Archive page with the Content Boxed Layout.
What you can do is to un-assign the Posts Page in WordPress’ Reading Settings and create your own blog page using the Post Grid/Carousel block. Here’s an article you can refer to – https://www.kadenceblocks.com/docs/configure-a-blog-list-with-post-grid-carousel-block/.

Hope this helps.

Best Regards,
Karla

[Hannah]

Hannah

#266449

Hey Stefan,
Apologies for the delay!
You can adjust the font sizes for mobile from Customize > General > Typography.

You can add some spacing to your blog posts on mobile with this css:

@media (max-width: 768px) {
.wp-block-latest-posts.wp-block-latest-posts__list.is-grid {
    padding: 20px;
}
}

As for the blur, what size images are you uploading? Are you only seeing the blur on mobile? I think that would have more to do with your images than with the block being used.

Kindly,
Hannah

[Ben Ritner]

Ben Ritner

#266408

Hi,

I think this is the css you are looking for, let me know:

.kt-blocks-carousel .slick-initialized .slick-track {
    display: flex;
}
.kt-blocks-carousel .slick-initialized .slick-slide {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: auto;
}
.kt-blocks-carousel .slick-initialized .slick-slide .kt-blocks-post-grid-item {
    height: 100%;
}

Ben

[Hannah]

Hannah

#266404

Hey,
The Post Grid/Carousel block has a pagination feature, but that block is only available in Pro.
http://themes.kadencethemes.com/ascend-premium-10/post-grid-carousel/

Kindly,
Hannah

[erin-2312]

erin-2312

#266383

Hi! There is no option for pagination on my posts grids, is this a pro feature (since I’m using the free block plug in)?

[erin-2312]

erin-2312

#266383

Hi! There is no option for pagination on my posts grids, is this a pro feature (since I’m using the free block plug in)?

[Josh]

Josh

#266357

Hello Collin,

Thanks for reaching out!

The post grid/carousel block does not have an option to set all post items in equal heights. But yes you can try to add a custom CSS like the one I provided below through your Customizer > Additional CSS.
Here:
.kb-post-footer-bottom-align .kt-blocks-post-grid-item-inner
{
min-height: 130px;
}

I hope this helps and have a nice day ahead!

Best regards,
Josh

[Hannah]

Hannah

#266227

Hi Daniel,
Sorry this is not more clear!
You are wanting a static page on your homepage as well as the latest posts, is that correct? If so, you can add latest posts to your static page using the Post Grid/Carousel block. Then in the Page Settings of your edit page you can choose a sidebar layout. Then set this page as your front page from Customize > Homepage Settings. Does this make sense?

Kindly,
Hannah

[SLP]

SLP

#266207

When I add a Post/Grid block to a row, it immediately breaks the ability to save (that JSON error). I looked around and tried
1. removing one small class I wrote from CSS in the Customizer
2. deactivated plugins (although they’re all pro tools)
3. re-saved/changed permalinks
It’s only the Post/Grid block that causes the problem. (The site is new, under development, on my dev server and everything is up to date).
Is this a bug or is there another fix?

[SLP]

SLP

#266207

When I add a Post/Grid block to a row, it immediately breaks the ability to save (that JSON error). I looked around and tried
1. removing one small class I wrote from CSS in the Customizer
2. deactivated plugins (although they’re all pro tools)
3. re-saved/changed permalinks
It’s only the Post/Grid block that causes the problem. (The site is new, under development, on my dev server and everything is up to date).
Is this a bug or is there another fix?

[Janek]

Janek

#266155

Hi Hannah,
Just a bit of feedback.

I did some trials and found that this worked without the quotes:
[blog_posts items=”20″ type=grid columns=4 orderby=rand items=24]

Thanks For your help, I guess I will now go over to Kadence with Gutenberg blocks.
Janek

[Karla]

Karla

#266124

This reply has been marked as private.

[Johny]

Johny

#266097

Hello,

How can i make a page that displays the headings only from a subcategory?

Example: A page that displays the headings from “Food” (Hot meals, Deserts, Drinks) without their posts.
And another page that displays the headings from “Events” (Live events, Cinema, Theater) without their posts.
And if i add a new subcategory to “Food or Events” those should then show on the above pages.

I’ve tried with the “Post Grid/Carousel” but can only filter and display the actual posts within a category, not the category headers only.

Does this make sense?
I’m trying to not having to make these pages manually and update them when a new category is added/removed.

FOOD
– Hot meals
— Hot dog
— Hamburger
– Deserts
— Icecream
— Cake
– Drinks
— Orange Juice
— Cocktail
Events
– Live events
— Concert 1
— Concert 2
– Cinema
— Movie 1
— Movie 2
– Theater
— Show 1
— Show 2

Thanks 🙂

[Johny]

Johny

#266097

Hello,

How can i make a page that displays the headings only from a subcategory?

Example: A page that displays the headings from “Food” (Hot meals, Deserts, Drinks) without their posts.
And another page that displays the headings from “Events” (Live events, Cinema, Theater) without their posts.
And if i add a new subcategory to “Food or Events” those should then show on the above pages.

I’ve tried with the “Post Grid/Carousel” but can only filter and display the actual posts within a category, not the category headers only.

Does this make sense?
I’m trying to not having to make these pages manually and update them when a new category is added/removed.

FOOD
– Hot meals
— Hot dog
— Hamburger
– Deserts
— Icecream
— Cake
– Drinks
— Orange Juice
— Cocktail
Events
– Live events
— Concert 1
— Concert 2
– Cinema
— Movie 1
— Movie 2
– Theater
— Show 1
— Show 2

Thanks 🙂

[Hannah]

Hannah

#266095

Hey,
Hope you’re doing well! The Post Grid/Carousel block from Kadence Blocks Pro allows you to format your posts by Modified Ascending or Modified Descending. http://themes.kadencethemes.com/ascend-premium-10/post-grid-carousel/
I hope that helps!

Best,
Hannah

[Nomad’s Team]

Nomad’s Team

#266063

Hi Hannah,

Hope you’re fine.

Have you tried reaching out to WooCommerce support?

Yes, I posted the issue on Github and wordpress.org 🙂

Are you using any WooCommerce extension plugins?

Not on the test site.

The issue appears when adding the WooCommerce’s Block “Product by Category” in a page.

Since markup for the Product grid blocks is independent of the template files in WooCommerce core, you can’t see it on your own test site if you use the classic product loop on your shop page.

The product blocks code, by default, doesn’t verify if the product is in stock when the link is displayed (I’ve already made a request to the WooCommerce support for that).

File ‘woocommerce\packages\woocommerce-blocks\src\BlockTypes\AbstractProductGrid.php’ (Line 472)

/**
 * Get the "add to cart" button.
 *
 * @param \WC_Product $product Product.
 * @return string Rendered product output.
 */
protected function get_add_to_cart( $product ) {
	$attributes = array(
		'aria-label'       => $product->add_to_cart_description(),
		'data-quantity'    => '1',
		'data-product_id'  => $product->get_id(),
		'data-product_sku' => $product->get_sku(),
		'rel'              => 'nofollow',
		'class'            => 'wp-block-button__link add_to_cart_button',
	);

	if ( $product->supports( 'ajax_add_to_cart' ) ) {
		$attributes['class'] .= ' ajax_add_to_cart';
	}

	return sprintf(
		'<a href="%s" %s>%s</a>',
		esc_url( $product->add_to_cart_url() ),
		wc_implode_html_attributes( $attributes ),
		esc_html( $product->add_to_cart_text() )
	);
}

However, the check for out of stock products is made in the WooCommerce core code and everything works fine when a native WooCommerce loop is displayed.

File ‘woocommerce\includes\wc-template-functions.php’ (Line 1284)

'class' => implode(
	' ',
	array_filter(
		array(
			'button',
			'product_type_' . $product->get_type(),
			$product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' : '',
			$product->supports( 'ajax_add_to_cart' ) && $product->is_purchasable() && $product->is_in_stock() ? 'ajax_add_to_cart' : '',
		)
	)

Since the product blocks’ code is overridden by Kadence in ‘component.php/custom_block_html()’, could Ben do the verification ‘$product->is_purchasable() && $product->is_in_stock()’ in this function before adding the classes?

I hope it is clear enough, english isn’t my native language.

Thanks,
Estelle