博客图片未显示在首页 Big-commerce - Stencil

Question

这是我的代码 Home.html

<br/><br/>
{{#each blog.recent_posts}}
<br/><br/>
{{> components/blog/post post=this settings=../settings}}
<br/><br/>
{{/each}}

这是我的 Post.html

代码

<br/>
<"header class="blog-header"><br/>
    <"/h2 class="blog-title"><br/>
    <"img src="{{getImage thumbnail 'blog_size'}}" alt="{{thumbnail.alt}}" title="{{thumbnail.alt}}">
        <br/>
        <a href="{{post.url}}">{{post.title}}</a><br/>
    </h2>
    <br/>
    <p class="blog-date">{{#if post.author}}{{lang 'blog.posted_by' name=post.author}} on {{/if}}{{post.date_published}}</p><br/>
</header>
<br/>

Answer 1

您的标记似乎存在一些语法问题。

{{#each blog.recent_posts}}

    {{> components/blog/post post=this settings=../settings}}

{{/each}}

Post.html

<header class="blog-header">
    <h2 class="blog-title">
        {{post.title}}
    </h2>
    <img src="{{getImage thumbnail 'blog_size'}}" alt="{{thumbnail.alt}}" title="{{thumbnail.alt}}"> 

    {{#if post.author}}
        {{lang 'blog.posted_by' name=post.author}} on 
    {{/if}}

    {{post.date_published}}
</header>

Answer 2

在模板中，您需要删除 post。由于全局 blog.recent_posts 结构与 blog.posts 不同并且出于某种原因。

{{#each blog.recent_posts}}
        {{#if thumbnail}}
            <figure class="blog-thumbnail">
                <a href="{{url}}">
                    <img src="{{getImage thumbnail 'blog_size'}}" alt="{{thumbnail.alt}}" title="{{thumbnail.alt}}">
                </a>
            </figure>
        {{/if}}
    {{/each}}

博客图片未显示在首页 Big-commerce - Stencil

Blog Image not Display in Home Page Big-commerce - Stencil

html

php

jquery

bigcommerce