Скрыть элементы при печати страницы OC

Тема в разделе "Общие вопросы", создана пользователем Frasier, 19 ноя 2023.

  1. Frasier

    Frasier Новичок

    Сообщения:
    4
    Симпатии:
    0
    Здравствуйте.
    OpenCart 3.0.3.2
    Пытаюсь оформить страницу печати - убрать из печати ненужные элементы.
    На stackoverflow вычитал, что в Bootstrap 3 есть нужный класс.
    В файле public_html\admin\view\stylesheet - bootstrap.css есть код:
    Код:
    @media print {
      .hidden-print {
        display: none !important; } }
    
    на нужной странице "оборачиваю", например, саму кнопку печати так:
    Код:
    <div class="hidden-print">
    <div class="pull-right"><a href="javascript:(print());" class="btn btn-primary">{{ button_print }}</a></div>
    </div>
    
    но в итоге - полный игнор и кнопка все-равно выводится на печать.

    и вот так тоже не работает:
    Код:
    <div class="pull-right"><a href="javascript:(print());" class="hidden-print btn btn-primary">{{ button_print }}</a></div>
    
    Подскажите пожалуйста, что не так?

    PS находил разные формы записи @Media, пихал их в stylesheet.css шаблона, тоже не работает.
     
    Последнее редактирование: 19 ноя 2023
  2. Tom

    Tom Специалист

    Сообщения:
    607
    Симпатии:
    180
    Почему просто не удалить эти элементы?
     
  3. Frasier

    Frasier Новичок

    Сообщения:
    4
    Симпатии:
    0
    какие? кнопку печати?
    можно вообще все удалить и ничего не делать, но это не наш метод.
     
  4. Tom

    Tom Специалист

    Сообщения:
    607
    Симпатии:
    180
    Вы можете удалить и кнопку и весь магазин, если он не нужен. Речь шла о тех элементах которым вы вешает дисплей нон, которые можно просто на уровне html удалить.
     
  5. Frasier

    Frasier Новичок

    Сообщения:
    4
    Симпатии:
    0
    речь шла о том, почему не работает hidden-print, а не о том, что мне удалять со страницы или не удалять - с этим я как нибудь сам разберусь.
    уважаемый Tom, я когда читал этот форум по различным вопросам, Вас в темах встречал достаточно часто, но не припомню от Вас ничего полезного, только пустые разговоры не по делу. Прошу Вас не писать здесь более ничего.

    А модераторам просьба почистить эту тему от флуда.
     
  6. devimirochnik

    devimirochnik Продвинутый пользователь

    Сообщения:
    657
    Симпатии:
    91
    Значит у вас в стилях что-то эдакое. Проверил hidden-print в демке - нормально скрывает
     
  7. Tom

    Tom Специалист

    Сообщения:
    607
    Симпатии:
    180
    Понимаю что перед регистрацией как раз и удалось перечитать весь форум со всеми ответами. На форуме я активно стал писать совсем недавною Готов выслушать замечания за каждый бесполезный ответ.
    Только это ничего не меняет.
    Имеем задачу

    Из него логичный вопрос
    Осталось не акцентировать внимание на мне, позже выясним. А озвучить задачу целиком. То есть не нужно ничего удалять что бы не выводилось на печать, нужно понять почему не работает дисплей нон.
    Возможно потому чтог правки не применились из за модификаторов. Возможно пожет !Important. Очистка кеша модификаторов. Изучение исходного кода страницы итд итп.
     
  8. Frasier

    Frasier Новичок

    Сообщения:
    4
    Симпатии:
    0
    В итоге разобрался сам, перепробовав несколько десятков вариантов.
    Для тех, кто будет искать тоже самое:

    в файле шаблона stylesheet.css добавить
    Код:
    @media print
    {
       .noprint
       {
           display:none;
       }
    }
    
    на странице, которую выводим на печать, вот так:
    Код:
    <link rel="stylesheet" href="\catalog\view\theme\ШАБЛОН\stylesheet\stylesheet.css" media="print" type="text/css">
    <div class="noprint">
    <div class="pull-right"><a href="javascript:(print());" class="btn btn-primary">{{ button_print }}</a></div>
    </div>
    
    без <link> не работает.
     
    Последнее редактирование: 19 ноя 2023