

{% stylesheet %}
  .blog-post-comments-container {
    width: 100%;
    max-width: var(--normal-content-width);
    margin: 0 auto;
  }

  .blog-post-comments {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3xl);
  }

  .blog-post-comment__author {
    display: flex;
    align-items: center;
    gap: var(--gap-2xs);
    margin-top: var(--margin-md);
    font-size: var(--font-size--body-sm);
    color: rgb(from var(--color-foreground) r g b / var(--opacity-subdued-text));
  }

  .blog-post-comments-pagination {
    display: flex;
    justify-content: center;
    gap: var(--gap-2xs);
  }

  .blog-post-comments-pagination,
  .blog-post-comments-pagination a {
    color: var(--color-foreground);
  }

  .blog-post-comments-pagination .current {
    color: var(--color-foreground);
  }

  .blog-post-comments-pagination .current,
  .blog-post-comments-pagination a {
    display: block;
    padding: var(--padding-2xs) var(--padding-xs);
  }

  .blog-post-comments-pagination .current,
  .blog-post-comments-pagination a:hover {
    border-bottom: 1px solid var(--color-foreground);
  }
{% endstylesheet %}

<!-- Decor Cedar article render refresh: 2026-06-14T12:18:17.950Z --><div class="section-background color-{{ section.settings.color_scheme }}"></div><div class="section color-{{ section.settings.color_scheme }}"><div
    class="
      spacing-style
      layout-panel-flex
      layout-panel-flex--column
      section-content-wrapper
      mobile-column
    "
    style="
      {% render 'layout-panel-style', settings: section.settings %}
      {% render 'spacing-style', settings: section.settings %}
    "
  ><header>
      {%- content_for 'block', id: 'blog-post-title', type: 'text' %}
      {%- content_for 'block', id: 'blog-post-details', type: '_blog-post-info-text' %}
    </header>

    {%- liquid
      assign sd_article_fallback_image = ''
      assign sd_article_fallback_alt = ''
      case article.handle
        when 'cheap-couch-covers-usa'
          assign sd_article_fallback_image = 'https://cdn.shopify.com/s/files/1/0601/6414/5236/articles/aria-textured-armchair-sofa-cover-pieces-sage-green-source-006.jpg?v=1781439240'
          assign sd_article_fallback_alt = 'Cheap couch covers United States styled with Decor Cedar textured sofa cover pieces'
        when 'pet-friendly-sofa-covers-usa-guide'
          assign sd_article_fallback_image = 'https://cdn.shopify.com/s/files/1/0601/6414/5236/articles/ChatGPT_Image_May_2_2026_11_33_49_AM.png?v=1781439244'
          assign sd_article_fallback_alt = 'Pet friendly sofa cover United States styled in a Decor Cedar lounge room'
        when 'chenille-sofa-covers-usa-guide'
          assign sd_article_fallback_image = 'https://cdn.shopify.com/s/files/1/0601/6414/5236/articles/alessia-ivory-grey-01-3cbeaf1d.jpg?v=1781439247'
          assign sd_article_fallback_alt = 'Chenille sofa covers United States styled with Decor Cedar woven sofa cover texture'
      endcase
    -%}
    {%- if sd_article_fallback_image != blank and article.image == blank -%}
      <div class="sd-article-featured-image size-style"><img src="{{ sd_article_fallback_image }}" alt="{{ sd_article_fallback_alt | escape }}" loading="eager" width="1200" style="width:100%;height:auto;display:block;"></div>
    {%- else -%}
      {%- content_for 'block', id: 'blog-post-image', type: 'image' %}
    {%- endif -%}
    {%- content_for 'block', id: 'blog-post-content', type: '_blog-post-content' %}

    {% if blog.comments_enabled? %}
      <div class="blog-post-comments-container"><h2 class="h3">{{- 'blogs.article.comments_heading' | t: count: article.comments_count -}}</h2><div class="blog-post-comments">
          {% paginate article.comments by 10 %}
            {% for comment in article.comments %}
              <div class="blog-post-comment">
                {{ comment.content }}
                <div class="blog-post-comment__author"><span class="blog-post-comment__author-name">{{- comment.author -}}</span><span>{{- 'blogs.article.comment_author_separator' | t -}}</span><span class="blog-post-comment__date">
                    {{- comment.created_at | time_tag: format: 'date' -}}
                  </span></div></div>
            {% endfor %}

            <div class="blog-post-comments-pagination">
              {{- paginate | default_pagination -}}
            </div>
          {% endpaginate %}
        </div>

        {% render 'blog-comment-form', article: article %}
      </div>
    {% endif %}
  </div></div><script type="application/ld+json">
  {{ article | structured_data }}
</script>

{% schema %}
{
  "name": "t:names.blog_post",
  "class": "section-wrapper",
  "settings": [
    {
      "type": "select",
      "id": "content_direction",
      "label": "t:settings.direction",
      "options": [
        {
          "value": "column",
          "label": "t:options.vertical"
        }
      ],
      "default": "column",
      "visible_if": "{{ section.settings.gap < 0 }}"
    },
    {
      "type": "range",
      "id": "gap",
      "label": "t:settings.gap",
      "min": 0,
      "max": 100,
      "step": 1,
      "unit": "px",
      "default": 12
    },
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:settings.color_scheme",
      "default": "scheme-1"
    },
    {
      "type": "header",
      "content": "t:content.padding"
    },
    {
      "type": "range",
      "id": "padding-block-start",
      "label": "t:settings.top",
      "min": 0,
      "max": 100,
      "step": 1,
      "unit": "px",
      "default": 0
    },
    {
      "type": "range",
      "id": "padding-block-end",
      "label": "t:settings.bottom",
      "min": 0,
      "max": 100,
      "step": 1,
      "unit": "px",
      "default": 0
    }
  ],
  "presets": []
}
{% endschema %}
