diff --git a/assets/section-featured-blog.css b/assets/section-featured-blog.css index d98d7d0baf3..286a9143ed6 100644 --- a/assets/section-featured-blog.css +++ b/assets/section-featured-blog.css @@ -1,12 +1,16 @@ +.blog-container{ + display: flex; + gap: 1.5rem; +} + .blog-placeholder { - margin: 0 1.5rem; background: rgb(var(--color-background)); + width: 100%; } @media screen and (min-width: 750px) { .blog-placeholder { text-align: center; - width: 50%; margin: 0; } } @@ -21,7 +25,7 @@ } .blog-placeholder .placeholder .placeholder-svg { - height: auto; + height: 100%; } .blog-placeholder h2 { diff --git a/sections/featured-blog.liquid b/sections/featured-blog.liquid index 1781e6bdbee..309bebbbab3 100644 --- a/sections/featured-blog.liquid +++ b/sections/featured-blog.liquid @@ -19,7 +19,7 @@ {%- liquid assign posts_displayed = section.settings.blog.articles_count - if section.settings.post_limit <= section.settings.blog.articles_count + if section.settings.post_limit <= section.settings.blog.articles_count or section.settings.post_limit <= 4 assign posts_exceed_limit = true assign posts_displayed = section.settings.post_limit endif @@ -51,33 +51,69 @@ {%- endif -%} {%- endunless -%} - {%- if section.settings.blog != blank and section.settings.blog.articles_count > 0 -%} + {%- if posts_exceed_limit -%}
@@ -124,26 +160,6 @@
{%- endif -%} - {%- else -%} -
-
- {{ 'blog-apparel-1' | placeholder_svg_tag: 'placeholder-svg' }} -
-
-

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

-

- {{ 'sections.featured_blog.onboarding_content' | t }} -

-
-
- {%- endif -%} @@ -263,10 +279,7 @@ ], "presets": [ { - "name": "t:sections.featured-blog.presets.name", - "settings": { - "blog": "News" - } + "name": "t:sections.featured-blog.presets.name" } ] }