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%% 来加载面板。