Помогите GameStore Как отобразить кнопки навигации с серверами

Rhaegar · 18 Июл 2025

Коммерцию не предлагать!!!

Создал пользовательский виджет:

CSS:

<body>
  <div id="root">
    <main class="container Index-module__wrapper">
      <section class="Shop-module__wrapper">
        <div class="boxBody">
            <div class="Servers-module__servers">
              <button data-serverid="12322" type="button" class="Servers-module__server">Сервер 1</button>
              <button data-serverid="12522" type="button" class="Servers-module__server">Сервер 2</button>
            </div>
        </div>
      </section>
    </main>
  </div>
</body>

Объект отображается слева от товаров. Необходимо чтобы кнопки были над категориями товаров.
Может я что не так сделал.

НЕ КОММЕРЦИЯ говорю сразу!!!

ps Если найду решение, то напишу сюда, мне не жалко! быть может кому поможет однажды.

YOO · 18 Июл 2025

Rhaegar написал(а):
Коммерцию не предлагать!!!

Создал пользовательский виджет:

CSS:

<body> <div id="root"> <main class="container Index-module__wrapper"> <section class="Shop-module__wrapper"> <div class="boxBody"> <div class="Servers-module__servers"> <button data-serverid="12322" type="button" class="Servers-module__server">Сервер 1</button> <button data-serverid="12522" type="button" class="Servers-module__server">Сервер 2</button> </div> </div> </section> </main> </div> </body>

Объект отображается слева от товаров. Необходимо чтобы кнопки были над категориями товаров.
Может я что не так сделал.

НЕ КОММЕРЦИЯ говорю сразу!!!

ps Если найду решение, то напишу сюда, мне не жалко! быть может кому поможет однажды.

JavaScript:

(function () {
  const serversDiv = document.createElement('div');
  serversDiv.className = 'Servers-module__servers';

  const btn1 = document.createElement('button');
  btn1.className = 'Servers-module__server';
  btn1.type = 'button';
  btn1.dataset.serverid = '12322';
  btn1.textContent = 'Сервер 1';
  const btn2 = document.createElement('button');

  btn2.className = 'Servers-module__server';
  btn2.type = 'button';
  btn2.dataset.serverid = '12522';
  btn2.textContent = 'Сервер 2';
  serversDiv.appendChild(btn1);
  serversDiv.appendChild(btn2);
  function insertServersBlock() {
    const categoriesEl = document.querySelector('.Categories-module__categories');
    if (categoriesEl) {
      categoriesEl.parentNode.insertBefore(serversDiv, categoriesEl);
    }
  }
  insertServersBlock();
  const observer = new MutationObserver(() => {
    const found = document.querySelector('.Categories-module__categories');
    if (found) {
      insertServersBlock();
      observer.disconnect();
    }
  });
  observer.observe(document.body, { childList: true, subtree: true });
  setTimeout(() => observer.disconnect(), 15000);
})();

хз, правильно тебя понял или нет

Rhaegar · 18 Июл 2025

YOO написал(а):

JavaScript:

(function () {
  const serversDiv = document.createElement('div');
  serversDiv.className = 'Servers-module__servers';

  const btn1 = document.createElement('button');
  btn1.className = 'Servers-module__server';
  btn1.type = 'button';
  btn1.dataset.serverid = '12322';
  btn1.textContent = 'Сервер 1';
  const btn2 = document.createElement('button');

  btn2.className = 'Servers-module__server';
  btn2.type = 'button';
  btn2.dataset.serverid = '12522';
  btn2.textContent = 'Сервер 2';
  serversDiv.appendChild(btn1);
  serversDiv.appendChild(btn2);
  function insertServersBlock() {
    const categoriesEl = document.querySelector('.Categories-module__categories');
    if (categoriesEl) {
      categoriesEl.parentNode.insertBefore(serversDiv, categoriesEl);
    }
  }
  insertServersBlock();
  const observer = new MutationObserver(() => {
    const found = document.querySelector('.Categories-module__categories');
    if (found) {
      insertServersBlock();
      observer.disconnect();
    }
  });
  observer.observe(document.body, { childList: true, subtree: true });
  setTimeout(() => observer.disconnect(), 15000);
})();

хз, правильно тебя понял или нет

О, респект тебе, работает.

Тут мне подкинули варик, оказывается все было просто (твой код аналогичный), надо в настройках, указать

YOO · 18 Июл 2025

Rhaegar написал(а):
О, респект тебе, работает.

Тут мне подкинули варик, оказывается все было просто (твой код аналогичный), надо в настройках, указать

Не за что.
Юзал аналогичный скрипт для других целей, но может кому-нибудь пригодится
А про "Отображение сервера" как-то не всматривался, не знал даже что оно существует)

Rhaegar · 18 Июл 2025

Возможно что сделали реализацию уже потом. Спасибо что пришел на помощь!

YOO · 18 Июл 2025

Rhaegar написал(а):
Возможно что сделали реализацию уже потом. Спасибо что пришел на помощь!

Не за что, обращайся)

Поиск

Поиск

Помогите GameStore Как отобразить кнопки навигации с серверами

Rhaegar

YOO

Rhaegar

YOO

Rhaegar

YOO

Похожие темы