system/modules/pct_theme_templates/templates/customelements/customelement_headerimage.html5 line 12

Open in your IDE?
  1. <?php 
  2. $GLOBALS['TL_CSS'][] = \Contao\Config::get('uploadPath').'/cto_layout/css/customelements/ce_headerimage.css|static';
  4. // responsive images
  5. $objFile = \Contao\FilesModel::findByPk( $this->field('image')->value() );
  6. if( $objFile !== null )
  7. {
  8.     $objPicture = \Contao\Picture::create($objFile->path,deserialize( $this->field('image')->option('size') ) );
  9.     $arrMediaQueries = array();
  10.     if( $objPicture !== null )
  11.     {
  12.         $arrPicture = $objPicture->getTemplateData();
  14.         foreach($arrPicture['sources'] ?: array() as $data)
  15.         {
  16.             if( strlen($data['media']) < 1 )
  17.             {
  18.                 continue;
  19.             }
  20.             $arrMediaQueries[] = '@media '.$data['media'].' { .ce_headerimage_'.$this->id.' { background-image:url('.$data['src'].') !important; } }';
  21.         }
  22.     }
  23.     if( count($arrMediaQueries) > 0 )
  24.     {
  25.         $GLOBALS['TL_HEAD'][] = '<style>'.implode("\n",$arrMediaQueries).'</style>';
  26.     }
  27. }
  28. ?>
  29. <div class="<?php echo $this->class; ?> ce_headerimage_<?php echo $this->id;?> block <?php echo $this->field('schema')->value(); ?> <?php echo $this->field('height_preset')->value(); ?> <?php echo $this->field('align')->value(); ?> <?php echo $this->field('valign')->value(); ?><?php if($this->field('invert')->value()): ?> color-white<?php endif; ?><?php if($this->field('img_align')->value()): ?> <?php echo $this->field('img_align')->value(); ?><?php endif; ?>" <?php echo $this->cssID; ?> style="background-image: url(<?php echo $this->field('image')->generate(); ?>);<?php if($this->field('height')->value()): ?>height:<?php echo $this->field('height')->value(); ?>px;<?php endif; ?>">
  30.     <div class="ce_headerimage_inside">
  31.         <?php if($this->field('headline')->value() || $this->field('subheadline')->value()): ?><div class="content"><?php endif; ?>
  32.             <?php if($this->field('headline')->value()): ?><?php echo $this->field('headline')->html(); ?><?php endif; ?>
  33.             <?php if($this->field('subheadline')->value()): ?><div class="subline"><?php echo $this->field('subheadline')->value(); ?></div><?php endif; ?>
  34.         <?php if($this->field('headline')->value() || $this->field('subheadline')->value()): ?></div><?php endif; ?>
  35.     </div>
  36. </div>
  37. <?php 
  38. if($this->field('mobile_height')->value())
  39. $GLOBALS['TL_HEAD'][] = "<style>@media only screen and (max-width: 767px) {.ce_headerimage_" . $this->id  . " {height:" . $this->field('mobile_height')->value() . "px!important;}}</style>"
  40. ?>