Issue with Displaying Post URLs after Overriding Post Retrieval

[01Kuzma]

Hi there!
Having troubles with such functionality:
I have intro.htm which displays a hero carousel in three rows (made for a design purposes)

<div class="hero-section">
    {% partial 'hero-slider/hero1' posts=hero1Posts %}
    {% partial 'hero-slider/hero2' posts=hero2Posts %}
    {% partial 'hero-slider/hero3' posts=hero3Posts %}
</div>

Firstly, posts were displayed with the help of the blogPosts component in each hero1,2,3:

[viewBag]

[blogPosts]
pageNumber = "{{ :page }}"
postsPerPage = 14
noPostsMessage = "No posts found"
sortOrder = "random"
categoryPage = "blog-category"
postPage = "blog-post"
==

But there were many duplicates of posts in each row so I decided to display only unique posts in random order.
For this, the intro.htm has this PHP code:

use Winter\Blog\Models\Post;

function onStart() {
        
    $shuffledPosts = $this->shufflePosts();
    $chunkedPosts = $shuffledPosts->chunk(ceil(count($shuffledPosts) / 3));
    $this['hero1Posts'] = $chunkedPosts[0];    
    $this['hero2Posts'] = $chunkedPosts[1];
    $this['hero3Posts'] = $chunkedPosts[2];    
    
}

function shufflePosts() {
    $posts = Post::all();
    return $posts->shuffle();
}

Which pulls all posts, divides them into three parts and then I send each piece to the corresponding heroX view.
I removed the BlogPosts component from each hero view because it was overriding mine.

Each hero has the same code (I’ve removed unnecessary parts):

<!-- Hero section-1 -->
<div class="hero-slider owl-carousel">

    {% for post in posts %}    

    <div>                                      
            {% for image in post.featured_images|slice(0,1) %}
                {% if image %}
                    <!-- Local Featured Image -->
                    <div class="hero-item portfolio-item set-bg lazyload" data-setbg="{{ image.path | resize(600,600) }}">
                        <a href="{{ post.url }}" class="hero-link">
                            <h4>{{ post.title }}</h4>
                        </a>
                    </div>
                {% endif %}
            {% endfor %}
        {% endif %}
    </div>
    {% endfor %}
</div>

The problem: the new posts array doesn’t have a URL string, it’s null. The title, and images are displayed, but not not the post.url
The standard BlogPosts component did.
What I’m doing wrong and how to fix it?
Thanks!

[WebVPF]

In the Winter.Blog plugin, the Post model does not have a url field or property.

If you have a static entry path, you can use the slug field:

<a href="/path/{{ post.slug }}" class="hero-link">
    <h4>{{ post.title }}</h4>
</a>

---

The Post model also has a getUrlParams method, which returns an array of parameters for forming the URL

wn-blog-plugin/models/Post.php

Lines 717 to 740 in 4a14a17

	public function getUrlParams(?CmsPage $page = null): array
	{
	$firstCategory = $this->categories->first();
	$params = [
	'id' => $this->id,
	'slug' => $this->slug,
	'category' => $firstCategory ? $firstCategory->slug : null,
	];
	// Expose published year, month and day as URL parameters.
	if ($this->published) {
	$params['year'] = $this->published_at->format('Y');
	$params['month'] = $this->published_at->format('m');
	$params['day'] = $this->published_at->format('d');
	}
	$paramName = $this->getParamNameFromComponentProperty($page, 'blogPost', 'slug');
	if ($paramName) {
	$params[$paramName] = $this->slug;
	}
	return $params;
	}
	}

You can use this data to create a URL for links in PHP code or do it like this in Twig:

{% set urlParams = post.getUrlParams() %}

<a href="/{{ urlParams.category }}/{{ urlParams.slug }}" class="hero-link">
    <h4>{{ post.title }}</h4>
</a>

I don’t use the Winter.Blog plugin, so need to check what data the method returns and how to form a path from it.

[01Kuzma]

Thank you!
This does work!
Only the second provided solution throws me the error.
If I add getUrlParams method in for cycle:

    {% for post in posts  %}    
        {% set urlParams = post.getUrlParams() %}    
      ...

Throws this error:

Winter\Blog\Models\Post::getParamNameFromComponentProperty(): Argument #1 ($page) must be of type Cms\Classes\Page, null given, called in C:\laragon\www\winter3\plugins\winter\blog\models\Post.php on line 733

C:\laragon\www\winter3\plugins\winter\blog\traits\Urlable.php line 103


referencing to `protected function getParamNameFromComponentProperty(CmsPage $page, string $componentName, string $propertyName): ?string`

[WebVPF]

The error is due to the fact that when calling the method you need to specify a parameter - the CMS page that displays the post.

{% set urlParams = post.getUrlParams('here_is_the_post_cms_page') %}

<a href="/{{ urlParams.category }}/{{ urlParams.slug }}" class="hero-link">
    <h4>{{ post.title }}</h4>
</a>

[01Kuzma]

Emm, still can't make it work :) Something is wrong on my side.
Those post links and images are displayed on an intro.htm page, while links lead to page /post/:slug/?
So, if I write {% set urlParams = post.getUrlParams('post') %} I get:

Winter\Blog\Models\Post::getUrlParams(): Argument #1 ($page) must be of type ?Cms\Classes\Page, string given, called in C:\laragon\www\winter3\vendor\twig\twig\src\Extension\CoreExtension.php on line 1637

from public function getUrlParams(?CmsPage $page = null): array

[LukeTowers]

The Posts component sets the url property here: https://github.com/wintercms/wn-blog-plugin/blob/main/components/Posts.php#L213-L222

Refer to that for how to properly set your URLs since you're interacting with the model instances directly instead of having the component take care of that for you.

[01Kuzma]

@LukeTowers , you suggest to modify this code with properties from here ( property ) :

use Winter\Blog\Models\Post;

function onStart() {
        
    $shuffledPosts = $this->shufflePosts();
    $chunkedPosts = $shuffledPosts->chunk(ceil(count($shuffledPosts) / 3));
    $this['hero1Posts'] = $chunkedPosts[0];    
    $this['hero2Posts'] = $chunkedPosts[1];
    $this['hero3Posts'] = $chunkedPosts[2];       
    
}



function shufflePosts() {
    $posts = Post::all();   
   
    return $posts->shuffle();
}

and then call the {% set urlParams = post.getUrlParams('post') %} ?

[LukeTowers]

It should probably look something like this:

use Winter\Blog\Models\Post;

function onStart() {
    $shuffledPosts = $this->shufflePosts();
    $chunkedPosts = $shuffledPosts->chunk(ceil(count($shuffledPosts) / 3));
    $this['hero1Posts'] = $chunkedPosts[0];    
    $this['hero2Posts'] = $chunkedPosts[1];
    $this['hero3Posts'] = $chunkedPosts[2];       
}

function shufflePosts() {
	// Note: you can use inRandomOrder() instead so that you can also limit the amount of data returned by the DB
    $posts = Post::all()->shuffle(); 
	foreach ($posts as $post)
		$post->setUrl('my/post-page', $this->controller);
	}
}

[01Kuzma]

@LukeTowers , thank you!
I make it in this way:

use Winter\Blog\Models\Post;

function onStart() {
    $shuffledPosts = $this->shufflePosts();
    $chunkedPosts = $shuffledPosts->chunk(ceil(count($shuffledPosts) / 3));
    $this['hero1Posts'] = $chunkedPosts[0];    
    $this['hero2Posts'] = $chunkedPosts[1];
    $this['hero3Posts'] = $chunkedPosts[2];
    
    $this->setPostUrls($this['hero1Posts'], 'post');
    $this->setPostUrls($this['hero2Posts'], 'post');
    $this->setPostUrls($this['hero3Posts'], 'post');
}

function shufflePosts() {
    return Post::inRandomOrder()->get();
}

function setPostUrls($posts, $postPage) {
    $posts->each(function($post) use ($postPage) {
        $post->setUrl($postPage, $this->controller);  
    });
}

But in template the {{ post.url }} is empty

[01Kuzma]

Sure, the

function setPostUrls($posts, $postPage) {    
    return $posts->each(function($post) use ($postPage) {
        dd($this->controller);
        $post->setUrl($postPage, $this->controller);  
    });
}

Gives:

[LukeTowers]

Were you able to figure this out or are you still stuck?

[01Kuzma]

No, still stuck :(

[01Kuzma]

any news regarding this :) ?

[LukeTowers]

I can't remember @01Kuzma, did you send me your theme and posts data? I can try to replicate this sometime in the next week if you'd like.

[01Kuzma]

I can't remember @01Kuzma, did you send me your theme and posts data? I can try to replicate this sometime in the next week if you'd like.
No, I haven't sent you. Where could I send it to you? Do you need the file structure of the theme and the whole MySQL data?

[LukeTowers]

Yes, ideally. You can send it to [email protected].

[01Kuzma]

Done :)

[01Kuzma]

Did you had time to look at this :) ?

[LukeTowers]

Not yet, sorry @01Kuzma. Were you able to figure it out yourself or do you still need me to take a look?

[01Kuzma]

Hi,
I haven't figure out.. Would be super nice if you look at it

[01Kuzma]

Hi @LukeTowers ,
Did had you some time to investigate this issue?

[LukeTowers]

@01Kuzma this fell off my radar so I haven't looked at it. Have you looked into it any further?

[01Kuzma]

@01Kuzma this fell off my radar so I haven't looked at it. Have you looked into it any further?

I have tried several times, but was still stuck at the empty URL param :(