/**
* First preset background's filename
*
* @since 1.4.1
* @return string URL of firest preset background
*/
function ctfw_background_image_first_preset_filename()
{
$filename = key(ctfw_background_image_presets());
return apply_filters('ctfw_background_image_first_preset_url', $filename);
}
public function render_content()
{
// Get presets
$presets = ctfw_background_image_presets();
// Value saved
$value = $this->value();
?>
<input type="hidden" <?php
$this->link();
?>
value="<?php
echo esc_attr($value);
?>
" />
<label>
<span class="customize-control-title"><?php
echo esc_html($this->label);
?>
</span>
</label>
<ul class="ctfw-customize-image-presets">
<?php
// Output presets thumbnails
foreach ($presets as $filename => $data) {
// URLs
$url = $data['url'];
// no SSL, save the same always
$thumbnail_url = set_url_scheme($data['thumb_url']);
// Classes array
$classes = array();
// Selected class
if ($value == $url) {
$classes[] = 'ctfw-customize-image-preset-selected';
}
// Build class attribute
$class_attr = '';
if ($classes) {
$class_attr = 'class="' . esc_attr(implode(' ', $classes)) . '" ';
}
?>
<li <?php
echo $class_attr;
if ($data['colorable']) {
?>
data-customize-image-title="<?php
_e('Colorable', 'church-theme-framework');
?>
"<?php
}
?>
data-customize-image-value="<?php
echo esc_attr($url);
?>
"
data-customize-image-preset-fullscreen="<?php
echo esc_attr($data['fullscreen']);
?>
"
data-customize-image-preset-repeat="<?php
echo esc_attr($data['repeat']);
?>
"
data-customize-image-preset-position="<?php
echo esc_attr($data['position']);
?>
"
data-customize-image-preset-attachment="<?php
echo esc_attr($data['attachment']);
?>
"
data-customize-image-preset-colorable="<?php
echo esc_attr($data['colorable']);
?>
">
<div class="ctfw-customize-thumbnail-wrapper"><img src="<?php
echo esc_url($thumbnail_url);
?>
" /></div>
</li>
<?php
}
?>
</ul>
<p class="ctfw-customize-background-image-preset-colorable" class="description" style="display: none">
<?php
_e('The selected image is <strong>colorable</strong>.', 'church-theme-framework');
?>
</p>
<?php
}