Помогите Вывести {{myblok1}} или {{myblok2}} в зависимости от разрешения

[multimen]

Добрый день. Прошу помочь Вывести {{myblok1}} или {{myblok2}} в зависимости от разрешения.

Я знаю куда надо вставить код в header.twig  , но не знаю как правильно это написать в виде кода. Спрятать при помощи  CSS @media displey:none  не подходит, в этом случаи {{myblok1}} и {{myblok2}} конфликтуют между собой.

if 
Выводиться <div class="myblok1disctop">{{myblok1}}</div> но
{% else %}
если разрешение меньше 767px тогда вместо него выводится <div class="myblok2disctop">{{myblok2}}</div>,
{% else %}
а если разрешение меньше 300px тогда не выводиться вообще нечего.

Если кто может помочь и написать какой код надо вставить буду признателен, сам не знаю нечего поэтому для меня эта задача не по силам.

[Tom]

OpenCart  сам по себе не знает, какое сейчас "разрешение экрана", потому что это определяется только на стороне клиента (в браузере).
Отсюда и остальные нюансы.
Ваше решение явно должно быть на html/bootsrap. Без всякого рода if/else
https://getbootstrap.com/docs/5.0/layout/breakpoints/
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

[DEVAGENCY]

Если кто может помочь и написать какой код надо вставить буду признателен, сам не знаю нечего поэтому для меня эта задача не по силам.

Тогда в раздел платных доработок.