{%- content_for 'block', id: 'blog-post-title', type: 'text' %}
{%- content_for 'block', id: 'blog-post-details', type: '_blog-post-info-text' %}
{%- if article.image -%}
{%- content_for 'block', id: 'blog-post-image', type: '_blog-post-featured-image' %}
{%- endif -%}
{%- content_for 'block', id: 'blog-post-content', type: '_blog-post-content' %}
{% comment %} Dynamic area for @app blocks only, at the bottom {% endcomment %}
{% content_for 'blocks' %}
{% if blog.comments_enabled? %}
{% endif %}
{% 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(var(--color-foreground-rgb) / 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 %}
{% schema %}
{
"name": "t:names.blog_post",
"blocks": [
{
"type": "@theme"
},
{
"type": "@app"
}
],
"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 %}
{{- 'blogs.article.comments_heading' | t: count: article.comments_count -}}