_item_card.html.erb

<article class="card flex flex-col justify-between" id="<%= item.dom_id %>">
  <% if config.item_card_image && bg_image = item.images&.first %>
    <% if page_url = detail_page_url(item) %>
      <a class="card-image" href="<%= page_url %>" style="background-image: url('<%= bg_image %>')"></a>
    <% else %>
      <div class="card-image" style="background-image: url('<%= bg_image %>')"></div>
    <% end %>
  <% end %>
  <div class="card-header">
    <span><%= item.category %></span>
    <h3><%= item.name %></h3>
  </div>
  <div class="card-body">
    <span class="text-gray-500"><%= strip_truncate(item.description, 60) %></span>
    <p><%= render_tags(item.tags) %></p>
  </div>

  <% if page_url = detail_page_url(item) %>
    <div class="card-actions"><%= link_to 'More', page_url, class: 'btn' %></div>
  <% end %>
</article>