Liquid、JavaScriptなどに関する質問
<featured-blog.liquid>
<div class="featured-blog featured-blog--{{ section.id }}" data-section-id="{{ section.id }}">
{%- assign blog = blogs[section.settings.blog] -%}
{% case section.settings.post_limit %}
{% when 3 %}
{%- assign width = 'medium-up--one-third small--one-whole' -%}
{% when 2 %}
{%- assign width = 'medium-up--one-half small--one-whole' -%}
{% when 1 %}
{% if section.settings.blog_show_image %}
{%- assign width = 'medium-up--one-half small--one-whole' -%}
{% else %}
{%- assign width = 'one-whole' -%}
{% endif %}
{% else %}
{%- assign width = 'medium-up--one-third small--one-whole' -%}
{% endcase %}
{% if section.settings.title != blank %}
<h2 class="small--text-center">{{ section.settings.title | escape }}</h2>
{% endif %}
{% unless blog.articles_count == 0 %}
{%- assign desktopColumns = section.settings.articles -%}
{%- assign mobileColumns = '1' -%}
{%- capture gridClasses -%}
{% if desktopColumns == '3' %}medium-up--one-third {% else %}medium-up--one-half {% endif %}
{% if mobileColumns == '2' %}small--one-half {% endif %}
{%- endcapture -%}
<div class="card-list grid" data-desktop-columns="{{ desktopColumns }}" data-mobile-columns="{{ mobileColumns }}" data-grid-style="{{ section.settings.grid_style }}">
<div class="card-list__column grid__item {% if blog.articles.size == 1 %}card-list__column--center{% endif %} {{ gridClasses }}">
{% for article in blog.articles %}
{% include 'article-card', article: article, grid_style: section.settings.grid_style %}
{% endfor %}
</div>
</div>
{% else %}
{% include 'onboarding-featured-blog' %}
{% endunless %}
{% if blog == empty %}
{% include 'onboarding-featured-blog' %}
{% endif %}
{% if section.settings.show_view_all %}
<div class="section-header text-center">
<a href="{{ blog.url }}" class="btn">
{{ 'blogs.article.view_all' | t }}
</a>
</div>
{% endif %}
</div>
無料テーマsimpleのファイルを上記の様に編集し、
記事にサムネイル画像が表示される様にしようとしたのですが、
添付写真のように縦に表示されてしまします。
また、カスタマイズ画面で表示数を設定しても、反映されなくなってしまい…。
liquidについてはかなり手探りで、分からなくなってしまいました。
どなたか修正箇所や、このコードを書けばいい等ございましたらお教えいただけますと幸いです。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024