英文:
BigCommerce get featured blog based on blog post tag
问题
以下是您要翻译的内容：
我试图根据分配给它的“featured”标签获取特色博客文章。以下是我的代码逻辑。以下代码是否存在任何问题？我只想在博客页面上显示一个特色博客文章。使用以下代码，我在前端收到“服务器错误”。
以下是我如何为特色博客文章分配“featured”标签：
“Templates >> Page >> blog.html”中的代码：
{{#each blog.posts}}
{{ assignVar "found" "no" }}
{{#if post.tags}}
{{#each post.tags}}
{{#if name "==" "featured"}}
{{ assignVar "found" "yes" }}
{{break}}
{{/if}}
{{/each}}
{{/if}}
{{#if getVar "found" '==' "yes"}}
<div class="sushil-featured-blog">
<div class="sushil-featured-blog-image">
{{#if thumbnail}}
<figure class="blog-thumbnail">
<a href="{{url}}">
{{> components/common/responsive-img
image=thumbnail
fallback_size=theme_settings.blog_size
lazyload=theme_settings.lazyload_mode
}}
</a>
</figure>
{{/if}}
</div>
</div>
{{break}}
{{/if}}
{{/each}}
<details>
<summary>英文:</summary>
I am trying to get the featured blog post based on the "featured" tag assigned to it. Below are my code logic. Is there any issue on the code below? I only want to display one featured blog-post in blog page. Using below code I am getting error in frontend "Server Error".
**Here is how I assign "featured" tag to featured blog post:**
[![Here is how I assign "featured" tag to featured blog post][1]][1]
Code in "**Templates >> Page >> blog.html**"
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-html -->
{{#each blog.posts}}
{{ assignVar "found" "no" }}
{{#if post.tags}}
{{#each post.tags}}
{{#if name "==" "featured"}}
{{ assignVar "found" "yes" }}
{{break}}
{{/if}}
{{/each}}
{{/if}}
{{#if getVar "found" '==' "yes"}}
<div class="sushil-featured-blog">
<div class="sushil-featured-blog-image">
{{#if thumbnail}}
<figure class="blog-thumbnail">
<a href="{{url}}">
{{> components/common/responsive-img
image=thumbnail
fallback_size=theme_settings.blog_size
lazyload=theme_settings.lazyload_mode
}}
</a>
</figure>
{{/if}}
</div>
</div>
{{break}}
{{/if}}
{{/each}}
<!-- end snippet -->
[1]: https://i.stack.imgur.com/bkV8Z.png
</details>
# 答案1
**得分**: 1
Oh, code can be a bit tricky sometimes, but let's have some fun with it! 🤖
Here's the translation of the code with a playful twist:
```javascript
There's a tiny hiccup in your code, but don't worry, I'm here to help! First, to peek at a variable inside an "if" statement, you need to use parentheses, like this: "if (tags)". Secondly, instead of "post.tags," you can simply use "tags." And lastly, "break" might not be doing its thing. 🙃
Here's the code with the first two items fixed:
{{#each blog.posts}}
{{ assignVar "found" "no" }}
{{#if (tags)}}
{{#each tags}}
{{#if (name "== "featured")}}
{{ assignVar "found" "yes" }}
{{break}}
{{/if}}
{{/each}}
{{/if}}
{{#if ((getVar "found") == "yes")}}
<div class="sushil-featured-blog">
<div class="sushil-featured-blog-image">
{{#if thumbnail}}
<figure class="blog-thumbnail">
<a href="{{url}}">
{{> components/common/responsive-img
image=thumbnail
fallback_size=theme_settings.blog_size
lazyload=theme_settings.lazyload_mode
}}
</a>
</figure>
{{/if}}
</div>
</div>
{{break}}
{{/if}}
{{/each}}
Note: If "break" decides to take a little vacation and doesn't work, you might see more than one post. In that case, you'll need to come up with another clever way to show just the first one! 😄
I hope this playful translation brings a smile to your face while dealing with the code! 🌟 If you have any more coding adventures, feel free to ask!
英文:
There are a few issues with your code. The first is that in order to get a variable inside an if statement, you must use parentheses. The second is post.tags (should just be tags). The third potential issue is that I don't think "break" does anything.
Here is the revised code with items 1 and 2 resolved.
{{#each blog.posts}}
{{ assignVar "found" "no" }}
{{#if tags}}
{{#each tags}}
{{#if name "==" "featured"}}
{{ assignVar "found" "yes" }}
{{break}}
{{/if}}
{{/each}}
{{/if}}
{{#if (getVar "found") '==' "yes"}}
<div class="sushil-featured-blog">
<div class="sushil-featured-blog-image">
{{#if thumbnail}}
<figure class="blog-thumbnail">
<a href="{{url}}">
{{> components/common/responsive-img
image=thumbnail
fallback_size=theme_settings.blog_size
lazyload=theme_settings.lazyload_mode
}}
</a>
</figure>
{{/if}}
</div>
</div>
{{break}}
{{/if}}
{{/each}}
Note: if "break" doesn't work, it may show more than one post, and you may need to come up with another way to only show the first.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论