{{ 'section-featured-blog.css' | asset_url | stylesheet_tag }} {{ 'wick--article-card.css' | asset_url | stylesheet_tag }} {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; } @media screen and (min-width: 750px) { .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top }}px; padding-bottom: {{ section.settings.padding_bottom }}px; } } {%- endstyle -%} {%- liquid assign posts_displayed = section.settings.blog.articles_count if section.settings.post_limit <= section.settings.blog.articles_count assign posts_exceed_limit = true assign posts_displayed = section.settings.post_limit endif -%}

{%- unless section.settings.heading == blank -%}

{%- if section.settings.blog != blank and section.settings.show_view_all and section.settings.post_limit < section.settings.blog.articles_count -%} {{ 'sections.featured_blog.view_all' | t }} {%- endif -%}

{%- endunless -%} {%- if section.settings.blog != blank and section.settings.blog.articles_count > 0 -%}

{% render 'article-card', blog: section.settings.blog, article: article, media_aspect_ratio: 1.66, show_image: section.settings.show_image, show_date: section.settings.show_date, show_author: section.settings.show_author, show_excerpt: false %}

{% render 'article-card', blog: section.settings.blog, article: article, media_aspect_ratio: 1.66, show_image: section.settings.show_image, show_date: section.settings.show_date, show_author: section.settings.show_author, show_excerpt: false %}

{%- if posts_exceed_limit -%}

1 {{ section.settings.post_limit }}

{%- endif -%} {%- if section.settings.show_view_all and section.settings.post_limit < section.settings.blog.articles_count -%}

{%- endif -%} {%- else -%}

{%- endif -%}

{% schema %} { "name": "t:sections.featured-blog.name", "tag": "section", "class": "shopify-section spaced-section spaced-section--full-width", "settings": [ { "type": "text", "id": "heading", "default": "Blog posts", "label": "t:sections.featured-blog.settings.heading.label" }, { "type": "select", "id": "heading_size", "options": [ { "value": "h2", "label": "t:sections.all.heading_size.options__1.label" }, { "value": "h1", "label": "t:sections.all.heading_size.options__2.label" }, { "value": "h0", "label": "t:sections.all.heading_size.options__3.label" } ], "default": "h1", "label": "t:sections.all.heading_size.label" }, { "type": "blog", "id": "blog", "label": "t:sections.featured-blog.settings.blog.label" }, { "type": "range", "id": "post_limit", "min": 2, "max": 4, "step": 1, "default": 3, "label": "t:sections.featured-blog.settings.post_limit.label" }, { "type": "range", "id": "columns_desktop", "min": 1, "max": 4, "step": 1, "default": 3, "label": "t:sections.featured-blog.settings.columns_desktop.label" }, { "type": "select", "id": "color_scheme", "options": [ { "value": "accent-1", "label": "t:sections.all.colors.accent_1.label" }, { "value": "accent-2", "label": "t:sections.all.colors.accent_2.label" }, { "value": "background-1", "label": "t:sections.all.colors.background_1.label" }, { "value": "background-2", "label": "t:sections.all.colors.background_2.label" }, { "value": "inverse", "label": "t:sections.all.colors.inverse.label" } ], "default": "background-1", "label": "t:sections.all.colors.label", "info": "t:sections.all.colors.has_cards_info" }, { "type": "checkbox", "id": "show_image", "default": true, "label": "t:sections.featured-blog.settings.show_image.label", "info": "t:sections.featured-blog.settings.show_image.info" }, { "type": "checkbox", "id": "show_date", "default": true, "label": "t:sections.featured-blog.settings.show_date.label" }, { "type": "checkbox", "id": "show_author", "default": false, "label": "t:sections.featured-blog.settings.show_author.label" }, { "type": "checkbox", "id": "show_view_all", "default": true, "label": "t:sections.featured-blog.settings.show_view_all.label" }, { "type": "header", "content": "t:sections.all.padding.section_padding_heading" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "t:sections.all.padding.padding_top", "default": 36 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "t:sections.all.padding.padding_bottom", "default": 36 }, { "type": "header", "content": "Desktop" }, { "type": "range", "id": "margin-top", "min": -100, "max": 100, "step": 5, "unit": "px", "label": "Margin-top", "default": 0 }, { "type": "range", "id": "margin-bottom", "min": -100, "max": 100, "step": 5, "unit": "px", "label": "Margin-bottom", "default": 0 }, { "type": "range", "id": "padding-top", "min": 0, "max": 100, "step": 5, "unit": "px", "label": "Padding-top", "default": 0 }, { "type": "range", "id": "padding-bottom", "min": 0, "max": 100, "step": 5, "unit": "px", "label": "Padding-bottom", "default": 0 }, { "type": "header", "content": "Mobile" }, { "type": "range", "id": "margin-top-mobile", "min": -100, "max": 100, "step": 5, "unit": "px", "label": "Margin-top", "default": 0 }, { "type": "range", "id": "margin-bottom-mobile", "min": -100, "max": 100, "step": 5, "unit": "px", "label": "Margin-bottom", "default": 0 }, { "type": "range", "id": "padding-top-mobile", "min": 0, "max": 100, "step": 5, "unit": "px", "label": "Padding-top", "default": 0 }, { "type": "range", "id": "padding-bottom-mobile", "min": 0, "max": 100, "step": 5, "unit": "px", "label": "Padding-bottom", "default": 0 } ], "presets": [ { "name": "t:sections.featured-blog.presets.name", "settings": { "blog": "News" } } ] } {% endschema %}

{{ section.settings.heading | escape }}

{{ 'sections.featured_blog.onboarding_title' | t }}