Temi di Shopify, liquid, loghi e argomenti simili
Ciao ho un problema sono riuscito sono a dividere gli articoli nel blog in blocchi da 4 e non uno sotto l'altro, ma ora li vorrei formattare distanziandoli uno dall'altro e mettendo il testo dell'articolo più piccolo questo è il mio codice
{% paginate blog.articles by %}
<div class="page-width">
<h1>
{% if current_tags %}
{{ current_tags.first }}
{% else %}
{{ blog.title }}
{% endif %}
<a href="{{ shop.url }}{{ blog.url }}.atom" class="blog__rss-link link-accent-color">
{% include 'icon-rss' %}
<span class="icon__fallback-text">RSS</span>
</a>
</h1>
<div class="grid">
<div class="grid__item{% if blog.all_tags.size > 0 %} medium-up--three-quarters large-up--four-fifths{% endif %}">
{% for article in blog.articles %}
<div class="content-block grid__item medium-up--one-quarter">
<p class="blog__meta">
{% if article.tags.size > 0 %}
{% for tag in article.tags %}
<a href="{{ blog.url }}/tagged/{{ tag | handle }}" class="link-body-color"><strong>{{ tag }}</strong></a>{% if forloop.last %} - {% else %}, {% endif %}
{% endfor %}
{% endif %}
{{ article.published_at | time_tag: format: 'date' }}
</p>
<h2 class="blog__title-link"><a href="{{ article.url }}">{{ article.title }}</a></h2>
{% if article.image %}
<div class="content-block__full-image content-block__full-image--medium">
<a href="{{ article.url }}">
<noscript>
{{ article | img_url: '1024x1024' | img_tag: article.title | escape }}
</noscript>
<div class="article__photo-container">
<div class="article__photo-wrapper" style="padding-top:{{ 1 | divided_by: article.image.aspect_ratio | times: 100}}%;">
{% assign img_url = article.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}
<img class="lazyload"
src="{{ article.image | img_url: '300x300' }}"
data-src="{{ img_url }}"
data-widths="[360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ article.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ article.title | escape }}">
</div>
</div>
</a>
</div>
{% endif %}
<div class="rte rte--indented-images">
{% if article.excerpt.size > 0 %}
{{ article.excerpt }}
{% else %}
<p>{{ article.content | strip_html | truncatewords: 100 }}</p>
{% endif %}
</div>
<p><a href="{{ article.url }}"><strong>{{ 'blogs.article.read_more' | t }}</strong></a></p>
</div>
{% endfor %}
</div>
{% if blog.all_tags.size > 0 %}
<div class="grid__item medium-up--one-quarter large-up--one-fifth small--hide">
<div class="content-block content-block--small">
<h6 class="content-block__title">{{ 'blogs.article.tags' | t }}</h6>
<ul class="list--no-bullets list--bold">
<li>
<a href="{{ blog.url }}">{{ 'blogs.article.all_tags' | t }}</a>
</li>
{% for tag in blog.all_tags %}
{% if current_tags contains tag %}
<li>{{ tag }}</li>
{% else %}
<li>{{ tag | link_to_tag: tag }}</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
{% endif %}
</div>
{% section 'featured-products-subsection' %}
{% if paginate.pages > 1 %}
<div class="pagination">
{{ paginate | default_pagination | replace: '« Previous', '←' | replace: 'Next »', '→' }}
</div>
{% endif %}
</div>
{% endpaginate %}
Spero che abbiamo capito il mio problema
Rimango in attesa di un vostro riscontro
Saluti
Daniele
Scopri come espandere le tue operazioni a livello internazionale con il percorso di app...
By Shopify Feb 7, 2025Espandi la tua attività nel settore della vendita all'ingrosso con il percorso di appre...
By Shopify Jan 31, 2025Incrementare il traffico di nuovi clienti verso il sito del proprio negozio è una delle...
By _Filo_ Sep 23, 2024