Условие переключения стилей

Тема в разделе "Общие вопросы", создана пользователем Sanik, 13 дек 2021.

  1. Sanik

    Sanik Активный пользователь

    Сообщения:
    299
    Симпатии:
    3
    Добрый день.
    Как сделать ссылку переключения файла стилей по ссылке?
    Есть к примеру вот эти строчки
    Код:
    <link href="catalog/view/theme/default/stylesheet/style1.css" rel="stylesheet">
    <link href="catalog/view/theme/default/stylesheet/style2.css" rel="stylesheet">
    
    Нужно, что бы была возможность переключать условие по ссылке в хедере (отображать вариант 1 или вернуться к варианту 2 если включен первый вариант)
     
  2. Ravilr

    Ravilr Специалист

    Сообщения:
    3.879
    Симпатии:
    1.064
    1. Записываем флаг в куки или сессию
    2. Читаем и делаем выбор.

    Пример с языком, валютой или режимом отображения в каталоге, вполне подходят для изучения и примера.
     
    Sanik нравится это.
  3. Sanik

    Sanik Активный пользователь

    Сообщения:
    299
    Симпатии:
    3
    Спасибо. Посмотрю как реализовано.
    А как сделать, что бы при разрешении например от 900px и вниз - был включен style2? Это нужно для моб. версии.
     
  4. Ravilr

    Ravilr Специалист

    Сообщения:
    3.879
    Симпатии:
    1.064
  5. Sanik

    Sanik Активный пользователь

    Сообщения:
    299
    Симпатии:
    3
    А как это все сделать на примере разрешения 1000px допустим?. Вот допустим есть блок
    Код:
        <?php if ($var) { ?>
          <div>
    </div>
        <?php } ?>
    Тоесть. Нужно, что бы при разрешении от 1000px и вниз - переменная var включала блок иначе блок не отображается. Но при этом нужна отдельная ссылка на активацию этой переменной в хедере. Типа отображение для планшета или полная версия, если включено отображение для планшета. Тут думаю без js не обойтись для определения разрешения. Вот нашел такой скрипт
    Код:
      if (window.matchMedia("(min-width: 1000px)").matches)
       {
     
       }
    Но как правильно это сделать с переменной и ссылкой переключения?
     
    Последнее редактирование: 22 дек 2021