Resource Detail

PHOTO EMBED

Wed Oct 29 2025 02:31:20 GMT+0000 (Coordinated Universal Time)

Saved by @kimicodes ##corp ##hwcg ##blog ##resources ##backup 

{% set my_path = page.path %}

{% if my_path %}
{% set path_parts = my_path.strip('/').split('/') %}
{% endif %}


<section class="blog-post">
    <article itemscope="" itemtype="http://schema.org/BlogPosting">
        <section class="banner banner-light post-title-card">
        <div class="st-container-lg st-flex st-half">
            
            {% if my_path.startswith('/blog/') %}
                <!--home care tips post headder-->
                <div class="banner-left st-item hct-post-header"> 
                    <nav aria-label="Breadcrumb">
                        <ol class="breadcrumbs hero-breadcrumbs st-center st-flex" role="list">
                            <li><a href="/">Home</a></li>
                            <li><a href="/blog/">Home Care Tips</a></li>
                            <li class="current-page" aria-current="page">{{ post.title }}</li>
                        </ol>
                    </nav>
                    <div class="banner-content st-center post-info">
                        <h1 itemprop="name headline">{{ post.title }}</h1>
                        <h4 class="st-teal-900">{{ post.date|datefmt('long') }}</h4>
                    </div>
                </div>
            
            {% elif my_path.startswith('/resources/') %}
                <!--resources post headder-->
                <div class="banner-left st-item resources-post-header">
                    <nav aria-label="Breadcrumb">
                        <ol class="breadcrumbs hero-breadcrumbs st-center st-flex" role="list">
                            <li><a href="/">Home</a></li>
                            <li><a href="${base_directory}resources/">Home Care Resources</a></li>
                            {% if post.primary_category %}
                            <li><a href="{{ post.primary_category.url(**category_url_params) }}">{{ post.primary_category.name }}</a></li>
                            {% endif %}
                            <li class="current-page" aria-current="page">{{ post.title }}</li>
                        </ol>
                    </nav>
                    <div class="banner-content st-center post-info">
                        {% if post.primary_category %}
                        <h3 class="st-teal-700">{{ post.primary_category.name }}</h3>
                        {% endif %}
                        <h1 itemprop="name headline">{{ post.title }}</h1>
                    </div>
                </div>
            {% endif %}
            <div class="banner-right st-item">
                <picture class="img-clip post-featured-img" itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
                    {% if post.featured_img %}
                    <div style="background-image:url({{ post.featured_img.src }})"></div>
                    {% else %}
                    <div style="background-image: url('/img/upload/hwcg-blog-fallback.jpg')"></div>
                    {% endif %}
                </picture>
            </div>
        </div>
    </section>

        <div class="post-content thin st-html" temprop="articleBody">
            {{ post.content|safe }}
        </div>
    </article>
</section>


{% if my_path.startswith('/blog/') %}

    {% set primary_posts = get_posts(site_id=1988652, filters={'category_slug': 'blogs'}) %}
    <section class="expert-tips-template">
        <div class="st-container-lg expert-tips-wrap">
            <h2 class="st-h1">Related Home Care Tips</h2>
            <div class="expert-tips-carousel">
                {% for primary_post in primary_posts[:3] %}
                    <a class="article-body" href="{{ primary_post.url(**post_url_params) }}">
                    <div class="post-list-item">
                        <div class="blog-image-wrap">
                            {% if primary_post.featured_img.src %}
                            <div style="background-image:url('{{ primary_post.featured_img.src }}')"
                                class="blog-featured-img"></div>
                            {% else %}
                            <div style="background-image:url('/img/upload/hwcg-blog-fallback.jpg')"
                                class="blog-featured-img"></div>
                            {% endif %}
                        </div>
                        <div class="blog-cont">
                            <p class="st-h4 st-teal-900" itemprop="name headline">{{ primary_post.title }}</p>
                            <div class="st-flex blog-item-bottom">
                                {% if primary_post.primary_category %}
                                <ul class="cat-list">
                                    <li>
                                        <p>{{ primary_post.primary_category.name }}</p>
                                    </li>
                                </ul>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </a>
                {% endfor %}
            </div>
            <a class="st-btn v1" href="/blog/"><span>View All Home Care Tips</span></a>
        </div>
    </section>
    
{% elif my_path.startswith('/resources/') %}

{% if post.primary_category and post.primary_category.name %}
    {% set primary_posts = get_posts(site_id=1988652, filters={'primary_category.name': post.primary_category.name, 'category_slug': 'resources'}) %}
{% else %}
    {% set primary_posts = get_posts(site_id=1988652, filters={'category_slug': 'resources'}) %}
{% endif %}

    <section class="expert-tips-template">
        <div class="st-container-lg expert-tips-wrap">
            <h2 class="st-h1">Related Home Care Resources</h2>
            <div class="expert-tips-carousel">
                {% for primary_post in primary_posts[:3] %}
                    <a class="article-body" href="{{ primary_post.url(**post_url_params) }}">
                    <div class="post-list-item">
                        <div class="blog-image-wrap">
                            {% if primary_post.featured_img.src %}
                            <div style="background-image:url('{{ primary_post.featured_img.src }}')"
                                class="blog-featured-img"></div>
                            {% else %}
                            <div style="background-image:url('/img/upload/hwcg-blog-fallback.jpg')"
                                class="blog-featured-img"></div>
                            {% endif %}
                        </div>
                        <div class="blog-cont">
                            <p class="st-h4 st-teal-900" itemprop="name headline">{{ primary_post.title }}</p>
                            <div class="st-flex blog-item-bottom">
                                {% if primary_post.primary_category %}
                                <ul class="cat-list">
                                    <li><p>{{ primary_post.primary_category.name }}</p></li>
                                </ul>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </a>
                {% endfor %}
            </div>
            <a class="st-btn v1" href="/resources/"><span>View All Home Care Resources</span></a>
        </div>
    </section>

{% endif %}




<script>
window.cachedScript('{{ jquery_asset }}', function () {
    window.cachedScript('https://cdn.jsdelivr.net/npm/@accessible360/accessible-slick@1.0.1/slick/slick.min.js', function () {
        
         $('.expert-tips-carousel').slick({
            infinite: false,
            slidesToShow: 3,
            slidesToScroll: 1,
            autoplay: false,
            arrows: true,
            dots: true,
            prevArrow:'<button id="reviewPrev" class="slider-prev"><svg><use xlink:href="#icon-prev-arrow"></use></svg></button>',
            nextArrow:'<button id="reviewNext" class="slider-next"><svg><use xlink:href="#icon-next-arrow"></use></svg></button>',
            responsive: [
                {
                    breakpoint: 1000,
                    settings: {
                        slidesToShow: 2.1,
                        slidesToScroll: 1,
                        arrows: false,
                        dots: true
                      }
                },{
                    breakpoint: 680,
                    settings: {
                        slidesToShow: 1.1,
                        slidesToScroll: 1,
                        arrows: false,
                        dots: true
                      }
                }
            ]
        });

        
    });
});
</script>
content_copyCOPY