Build an images gallery (without using liquid blocks)

imartinez
Excursionist
17 2 2

Hello,

I have this gallery  https://hairmax.com/pages/news

Using this code:

{% for block in section.blocks %}
{% if block.settings.enable %}
{% assign tags = block.settings.tags | split:',' %}
<div class="faq-item js-simple-filter-item {% for tag in tags %}tag-{{ tag | handle }} {% endfor %}">
<div class="news-item">
<div class="person-item-image pt-4">
<a href="{{ block.settings.link }}" target="_blank">
<img class="center-block img-responsive lazyload" data-src="{% if block.settings.image %}{{ block.settings.image | img_url:'master' }}{% endif %}{% if block.settings.image == blank %}{{ 'img-person-06.jpg' | asset_url }}{% endif %}" alt="HairMax in the News">
</a>
</div>
<div class="news-item-title text-center">
<a class="txt-small" href="{{ block.settings.link }}" target="_blank"> {{ block.settings.title }} </a>
</div>
</div>
</div>
{% endif %}
{% endfor %}

With the Shopify theme update limiting blocks to 250, this is no longer an option. 

I wonder if there is a solution to this preferable without an app?

 

0 Likes
BeamJokerFavor
Excursionist
36 2 2

Is this an API question? With the API and paging you can pull as many images as you need to display on a headless app.

0 Likes