Смена фона на разных страницах - Joomla 3.x: Шаблоны, разметка и макеты вывода

<?php $app = JFactory::getApplication();
		$menu = $app->getMenu();
		$pageClassSuffix = $menu->getActive()? $menu->getActive()->params->get('pageclass_sfx', 'default') : 'default'; ?>

<?php if($pageClassSuffix == "parallax"):?>
		<ul class="tm-parallax-scene" data-limit-y="0.09">
			<li class="layer" data-depth="-0.02"><div class="tm-parallax-bg-1"></div></li>
			<li class="layer" data-depth="0.00"><div class="tm-parallax-bg-2"></div></li>
			<li class="layer" data-depth="0.05"><div class="tm-parallax-bg-3"></div></li>
            <li class="layer" data-depth="0.10"><div class="tm-parallax-bg-4"></div></li>
            <li class="layer" data-depth="0.20"><div class="tm-parallax-bg-5"></div></li>
            <li class="layer" data-depth="0.70"><div class="tm-parallax-bg-6"></div></li>
		</ul>
<?php else : ?>
       <div class="tm-bg-noparallax"></div>
<?php endif; ?>

<?php if (!$this['config']->get('parallax_bg')) : ?>
	<div class="tm-bg-noparallax"></div>
	<?php endif; ?>

	<?php if ($this['config']->get('parallax_bg')) : ?>
		<ul class="tm-parallax-scene" data-limit-y="0.09">
			<li class="layer" data-depth="-0.02"><div class="tm-parallax-bg-1"></div></li>
			<li class="layer" data-depth="0.00"><div class="tm-parallax-bg-2"></div></li>
			<li class="layer" data-depth="0.05"><div class="tm-parallax-bg-3"></div></li>
            <li class="layer" data-depth="0.10"><div class="tm-parallax-bg-4"></div></li>
            <li class="layer" data-depth="0.20"><div class="tm-parallax-bg-5"></div></li>
            <li class="layer" data-depth="0.70"><div class="tm-parallax-bg-6"></div></li>
		</ul>
	<?php endif; ?>

<?php $app = JFactory::getApplication();
		$menu = $app->getMenu();
		$pageClassSuffix = $menu->getActive()? $menu->getActive()->params->get('pageclass_sfx', 'default') : 'default'; ?>

@media (min-width: 768px) {
  .tm-parallax-bg-1 {
    background: url("../../../images/snow/parallax/parallax_bg.jpg") 50% 0 no-repeat;
    background-size: cover;
  }
  .tm-parallax-bg-2 {
    background: url("../../../images/snow/parallax/parallax_layer1.png") 50% 0 no-repeat;
    background-size: cover;
  }
  .tm-parallax-bg-3 {
    background: url("../../../images/snow/parallax/parallax_layer2.png") 50% 0 no-repeat;
    background-size: cover;
  }
  .tm-parallax-bg-4 {
    background: url("../../../images/snow/parallax/parallax_layer3.png") 50% 0 no-repeat;
    background-size: cover;
  }
  .tm-parallax-bg-5 {
    background: url("../../../images/snow/parallax/parallax_layer4.png") 50% 0 no-repeat;
    background-size: cover;
  }
    .tm-parallax-bg-6 {
    background: url("../../../images/snow/parallax/parallax_layer5.png") 50% 0 no-repeat;
    background-size: cover;
  }
}

 .tm-parallax-bg-1 {
    background: url("../../../images/snow/parallax/parallax_bg.jpg") 50% 0 no-repeat;
    background-size: cover;
  }

  
    .tm-parallax-bg-1 {
    background: url("../../../images/snow/parallax/parallax_layer3.png") 50%  0 no-repeat ;
    background-size: 400px 400px;
    background-position-y: center;