Как поставить условия для появления кнопки на странице?

Question

[Parrot223]

Имеются карточки товара, задача сделать так, чтобы при появлении текста в кастомном поле wp кнопка отображалась. Собственно, она и отображается(код ниже). Но на определенном разрешении экрана надо отменить это условие/правило и сделать так, чтобы кнопка отображалась везде, вне зависимости от заполнения поля. Допустим, я скормлю php разрешение экрана от js, но во-первых - как это все объединить, а во-вторых как переназначить условие и указать отображение везде?

<?php
      if(!empty($row['equip_cards_about_hidden'])) {
             ?>
                 <button class="about-item-btn-hidden">
                       <svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle r="25" transform="matrix(1 0 0 -1 26 26)" stroke="#5C5B5B" stroke-width="2"/>
                           <path d="M17 29L26.2124 19.7876L35.4248 29" stroke="#5C5B5B" stroke-width="2"/>
                       </svg>
                 </button>
             <?php
          }
       ?>

Comments

[Maxim Kirshin]

в чем проблема через CSS не отображать?

[Parrot223]

Maxim Kirshin, в том, что кнопка "существует" только в php скрипте, а в html-коде ее нет. Если добавить, выводит две кнопки на нужных карточках. Естественно, можно было бы банально второй кнопке назначить другой класс и скопировать стили, но на опредленном разрешении все равно придется отключить скрипт, иначе их снова будет две

[Maxim Kirshin]

Parrot223, по условию в php вешаешь класс нужный тебе на кнопку. скрываешь через CSS включая медиа запросы