Условия вывода модуля при определенном разрешении экрана - Joomla 3.x: Общие вопросы

<jdoc:include type="modules" name="position-after-header" style="xhtml" />
<jdoc:include type="component" style="xhtml"/>
<jdoc:include type="modules" name="position-after-content" style="xhtml" />
<jdoc:include type="modules" name="position-akzii" style="xhtml" />
<jdoc:include type="modules" name="position-before-footer" style="xhtml" />
<jdoc:include type="modules" name="position-footer" style="xhtml" />
	

<div class="test">
<jdoc:include type="modules" name="position-after-content" style="xhtml" />
</div>

@media screen and (max-width: 750px){.mobile{display:none}}

<script>if(window.matchMedia('(max-width: 768px)').matches)
{
  document.write('весь html-код модуля');
    } else;
     
    return false;</script>

<script>if(window.matchMedia('(max-width: 768px)').matches)
{
  document.write('<jdoc:include type="modules" name="position-after-content" style="xhtml" />');
    } else;
     
    return false;</script>

<script type="text/javascript">
function forMobile(x) {
	if (x.matches) {
		//document.body.style.backgroundColor = 'yellow'; // цвет фона
		var phone = '1'; // переменная в script
	} else {
		//document.body.style.backgroundColor = 'pink'; // цвет фона
		var phone = '0'; // переменная в script
	}
}
var x = window.matchMedia('(max-width: 480px)')
forMobile(x)
x.addListener(forMobile)
</script>
<?php echo $phone; // переменная в php ?>