monero-site/community/merchants/index.md

---
layout: custom
title: titles.merchants
permalink: /community/merchants/index.html
---
{% t global.lang_tag %}
<div class="merchants text-center container description">
    <p>{% t merchants.intro1 %}<a href="https://github.com/monero-project/monero-site/issues" target="_blank" rel="noreferrer noopener"> {% t merchants.intro2 %}</a> {% t merchants.intro3 %}</p>
</div>

{% assign itemCount = site.data.merchants | size %}
{% assign headerRow = itemCount | divided_by: 5.0 | ceil | times: 1.0 %}
{% assign itemInRow = itemCount | divided_by: headerRow | ceil %}

{% assign Item_processed = 0 %}
<!-- Merchants menu: desktop -->
<div class="container full">
  {% for toplevel in site.data.merchants %}
    {% assign isHeader = Item_processed | modulo: itemInRow %}
    {% if isHeader == 0 %}
      <div class="tabPanel-merchant tabPanel-merchant{{ itemInRow }}">
    {% endif %}
        <h2><a href="#{{ toplevel.id }}">{{ toplevel.category }}</a></h2>
        {% assign Item_processed = Item_processed | plus: 1 %}
    {% assign isHeader = Item_processed | modulo: itemInRow %}
    {% if isHeader == 0 %}
      </div>
      {% if Item_processed != itemCount %}
        {% assign headerRow = itemCount | minus: Item_processed | divided_by: 5.0 | ceil | times: 1.0 %}
        {% assign itemInRow = itemCount | minus: Item_processed | divided_by: headerRow | ceil %}
      {% endif %}
    {% endif %}
  {% endfor %}
</div>
<!-- End merchants menu: desktop -->
<!-- Merchants menu: mobile -->
<div class="container full">
    <div class ="info-block row center-xs" id="pick-platform">
        <div class="mob dropdowndrop">
            <input id="filter" type="checkbox" name="category-filter"/>
            <label for="filter">{% t blog.filter %}</label>
            <ul id="menu">
                {% for toplevel in site.data.merchants %}
                    <li><a href="#{{ toplevel.id }}">{{ toplevel.category }}</a></li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
<!-- End merchants menu: mobile -->

<div class="merchants">
{% for toplevel in site.data.merchants %}
<div class="container full" id="{{toplevel.id}}">
       <div class="info-block">
        <h2>{{toplevel.category}}</h2>
        <div class="row">
            {% assign sortedMerchants = toplevel.merchants | sort: 'name' %}
            {% for merchants in sortedMerchants %}
            <div class="col-md-6 col-sm-6 col-xs-12">
                <p><a href="{{merchants.url}}" target="_blank" rel="noreferrer noopener">{{merchants.name}}</a>
                {% if merchants.url contains ".onion" %}<img class="onion-mid" src="/img/onion-tor.svg" alt="onion" title="{% t merchants.onion %}">{% endif %}</p>
            </div>
            {% endfor %}
        </div>
        </div>
</div>
{%endfor%}

</div>
<div class="text-center container description">
    <p>
        <em>{% t merchants.disclaimer %}</em>
    </p>
</div>

<a class="arrow-up" href="#" aria-label="{% t accessibility.arrowup %}" title="{% t accessibility.gotop %}"><i></i></a>