javascript - 在主页 bigcommerce 上显示最近的博客图片？

Question

如何在主页上调用博客摘要缩略图或内容图像？我想在主页上显示最新博客的日期和缩略图，有什么办法可以实现这一点:--

有两部分:

一个带有模板的大型商业框架第二个具有经典的下一个或正常主题与 bigcommerce

需要模板框架或正常主题的任何帮助。下面两个主题代码请查看并建议我。

普通主题:--需要修改最近的博客片段。

<div class="RecentNews" id="HomeRecentBlogs" style="display:%%GLOBAL_HideHomeRecentBlogsPanel%%">
  <div class="inner">
  <h4>%%LNG_RecentNews%%</h4>
  <ul>
  %%GLOBAL_Thumbnail%%
  %%SNIPPET_BlogRecentPostsContentItem.html%%
  </ul>
  </div>
  </div>

模板框架:--我在 home.html 上调用了这段代码

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

如果我可以获取 javascript 那么我该如何做到这一点，请提出建议？

Answer 1

在模板中，如果由于某种原因与 blog.posts 不同，则需要删除 post. 因为全局 blog.recent_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}}

对于蓝图主题，您应该能够在主页上的任何位置添加变量 %%Panel.HomeRecentBlogs%% 来加载面板。