mirror of
https://github.com/woocommerce/storefront.git
synced 2025-08-21 04:11:59 +08:00
78 lines
2.3 KiB
PHP
78 lines
2.3 KiB
PHP
<?php
|
|
/**
|
|
* Create a Radio-Image control
|
|
*
|
|
* This class incorporates code from the Kirki Customizer Framework and from a tutorial
|
|
* written by Otto Wood.
|
|
*
|
|
* The Kirki Customizer Framework, Copyright Aristeides Stathopoulos (@aristath),
|
|
* is licensed under the terms of the GNU GPL, Version 2 (or later).
|
|
*
|
|
* @link https://github.com/reduxframework/kirki/
|
|
* @link http://ottopress.com/2012/making-a-custom-control-for-the-theme-customizer/
|
|
* @package storefront
|
|
*/
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
|
|
/**
|
|
* The radio image class.
|
|
*/
|
|
class Storefront_Custom_Radio_Image_Control extends WP_Customize_Control {
|
|
|
|
/**
|
|
* Declare the control type.
|
|
*
|
|
* @access public
|
|
* @var string
|
|
*/
|
|
public $type = 'radio-image';
|
|
|
|
/**
|
|
* Enqueue scripts and styles for the custom control.
|
|
*
|
|
* Scripts are hooked at {@see 'customize_controls_enqueue_scripts'}.
|
|
*
|
|
* Note, you can also enqueue stylesheets here as well. Stylesheets are hooked
|
|
* at 'customize_controls_print_styles'.
|
|
*
|
|
* @access public
|
|
*/
|
|
public function enqueue() {
|
|
wp_enqueue_script( 'jquery-ui-button' );
|
|
}
|
|
|
|
/**
|
|
* Render the control to be displayed in the Customizer.
|
|
*/
|
|
public function render_content() {
|
|
if ( empty( $this->choices ) ) {
|
|
return;
|
|
}
|
|
|
|
$name = '_customize-radio-' . $this->id; ?>
|
|
|
|
<span class="customize-control-title">
|
|
<?php echo esc_attr( $this->label ); ?>
|
|
</span>
|
|
|
|
<?php if ( ! empty( $this->description ) ) : ?>
|
|
<span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
|
|
<?php endif; ?>
|
|
|
|
<div id="input_<?php echo esc_attr( $this->id ); ?>" class="image">
|
|
<?php foreach ( $this->choices as $value => $label ) : ?>
|
|
<input class="image-select" type="radio" value="<?php echo esc_attr( $value ); ?>" id="<?php echo esc_attr( $this->id . $value ); ?>" name="<?php echo esc_attr( $name ); ?>" <?php $this->link(); checked( $this->value(), $value ); ?>>
|
|
<label for="<?php echo esc_attr( $this->id ) . esc_attr( $value ); ?>">
|
|
<img src="<?php echo esc_html( $label ); ?>" alt="<?php echo esc_attr( $value ); ?>" title="<?php echo esc_attr( $value ); ?>">
|
|
</label>
|
|
</input>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<script>jQuery(document).ready(function($) { $( '[id="input_<?php echo esc_attr( $this->id ); ?>"]' ).buttonset(); });</script>
|
|
<?php
|
|
}
|
|
}
|
