Help With Bringing In Special Tags To Home Page Section

10 1 2

Hello Shopify People,

I am working on a custom theme, and the previous theme designers created these special tags , they are called "nav-pills", and these ones are associated with their recipes.

We created a section on the Home page to automatically bring in the recipes, and we would like these to render automatically as well, but I not having any luck in doing this.

You can see them here on the very top:

This is the code from the recipe blog page for these items:

<div class="jumbotron jumbotron-fluid text-center bg-white">
<div class="container">
<h1 class="display-1 title">{{ section.settings.page_title }}</h1>
<nav id="filter-by-tag" class="nav nav-pills justify-content-center">
<a href="{{ blog.url }}" class="nav-item nav-link {% if current_tags == blank %}active{% endif%}">All</a>

And this is what is currently bringing in the recipes to the Home page section:

<div class="container">

{%- assign blog = blogs[] -%}

{%- if blog.articles_count > 0 -%}
<ul class="row">
{% for tag in article.tags %}
{% endfor %}
{%- for article in blog.articles limit: section.settings.post_limit -%}
<li class="col-sm-12 col-md-6 col-lg-4">
{% render 'blog-card-grid', show_tags: true, article: article %}
{%- endfor -%}

{%- endif -%}

<div class="d-flex justify-content-center">
<a href="" class="text-center">View All Recipes</a>

{% for tag in blog.all_tags %}

{% if tag contains 'prod-handle-' or tag contains '__' %}
{% continue %}
{% endif %}

<a href="{{ blog.url | append: '/tagged/' }}{{ tag | handleize }}" class="nav-item nav-link {% if current_tags contains tag %}active{% endif%}">
{{ tag }}
{% endfor %}


As I am in process of learning more about Shopify liquid code, I am reaching out for any help for this issue as it's just a bit above my knowledge right now.

Thanks in advance,