resources
4 years ago
ajax-customers.php
4 years ago
ajax-orders.php
3 years ago
ajax-posts.php
4 years ago
ajax-products.php
4 years ago
ajax-terms.php
4 years ago
buttons.php
5 years ago
checkbox-array.php
4 years ago
checkbox.php
4 years ago
colorpicker.php
4 years ago
copy-to-clipboard.php
4 years ago
country-select.php
4 years ago
custom.php
5 years ago
customtabs.php
5 years ago
date-format.php
4 years ago
datepicker.php
4 years ago
dimensions.php
4 years ago
email.php
4 years ago
file.php
3 years ago
hidden.php
4 years ago
html.php
5 years ago
icons.php
4 years ago
image-dimensions.php
4 years ago
image-gallery.php
2 years ago
inline-fields.php
4 years ago
list-table.php
4 years ago
media.php
1 year ago
multi-colorpicker.php
5 years ago
multi-select.php
3 years ago
number.php
4 years ago
onoff.php
3 years ago
password.php
4 years ago
preview.php
4 years ago
radio.php
2 years ago
select-buttons.php
4 years ago
select-images.php
3 years ago
select-mailchimp.php
4 years ago
select.php
4 years ago
sep.php
5 years ago
sidebarlist.php
4 years ago
sidebars.php
5 years ago
simple-text.php
4 years ago
slider.php
4 years ago
text-array.php
3 years ago
text-button.php
4 years ago
text.php
4 years ago
textarea-codemirror.php
4 years ago
textarea-editor.php
4 years ago
textarea.php
4 years ago
title.php
4 years ago
toggle-element-fixed.php
1 year ago
toggle-element.php
2 years ago
upload.php
4 years ago
select-images.php
61 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Template for displaying the select-images field |
| 4 | * |
| 5 | * @var array $field The field. |
| 6 | * @package YITH\PluginFramework\Templates\Fields |
| 7 | */ |
| 8 | |
| 9 | defined( 'ABSPATH' ) || exit; // Exit if accessed directly. |
| 10 | |
| 11 | list ( $field_id, $class, $name, $value, $options, $custom_attributes, $data ) = yith_plugin_fw_extract( $field, 'id', 'class', 'name', 'value', 'options', 'custom_attributes', 'data' ); |
| 12 | |
| 13 | $class = isset( $class ) ? $class : 'yith-plugin-fw-select-images'; |
| 14 | ?> |
| 15 | <div id="<?php echo esc_attr( $field_id ); ?>-wrapper" class="yith-plugin-fw-select-images__wrapper" data-type="select-images"> |
| 16 | <select id="<?php echo esc_attr( $field_id ); ?>" |
| 17 | name="<?php echo esc_attr( $name ); ?>" |
| 18 | class="<?php echo esc_attr( $class ); ?>" |
| 19 | style="display: none" |
| 20 | <?php yith_plugin_fw_html_attributes_to_string( $custom_attributes, true ); ?> |
| 21 | <?php yith_plugin_fw_html_data_to_string( $data, true ); ?> |
| 22 | > |
| 23 | <?php foreach ( $options as $key => $item ) : ?> |
| 24 | <?php |
| 25 | $label = ! empty( $item['label'] ) ? $item['label'] : $key; |
| 26 | ?> |
| 27 | <option value="<?php echo esc_attr( $key ); ?>" <?php selected( $key, $value ); ?> ><?php echo esc_html( $label ); ?></option> |
| 28 | <?php endforeach; ?> |
| 29 | </select> |
| 30 | |
| 31 | <ul class="yith-plugin-fw-select-images__list"> |
| 32 | <?php foreach ( $options as $key => $item ) : ?> |
| 33 | <?php |
| 34 | $label = ! empty( $item['label'] ) ? $item['label'] : $key; |
| 35 | $image = ! empty( $item['image'] ) ? $item['image'] : ''; |
| 36 | ?> |
| 37 | <?php if ( $image ) : ?> |
| 38 | <?php |
| 39 | $selected_class = 'yith-plugin-fw-select-images__item--selected'; |
| 40 | $current_class = $key === $value ? $selected_class : ''; |
| 41 | ?> |
| 42 | <li class="yith-plugin-fw-select-images__item <?php echo esc_attr( $current_class ); ?>" |
| 43 | data-type="select-images-item" |
| 44 | data-key="<?php echo esc_attr( $key ); ?>" |
| 45 | <?php echo isset( $item['data'] ) ? yith_plugin_fw_html_data_to_string( $item['data'] ) : ''; ?> |
| 46 | > |
| 47 | <div class="yith-plugin-fw-select-images__item__selected-icon"> |
| 48 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" role="img"> |
| 49 | <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> |
| 50 | </svg> |
| 51 | </div> |
| 52 | <?php if ( $label ) : ?> |
| 53 | <div class="yith-plugin-fw-select-images__item__label"><?php echo esc_html( $label ); ?></div> |
| 54 | <?php endif; ?> |
| 55 | <img class="yith-plugin-fw-select-images_src" src="<?php echo esc_url( $image ); ?>"/> |
| 56 | </li> |
| 57 | <?php endif; ?> |
| 58 | <?php endforeach; ?> |
| 59 | </ul> |
| 60 | </div> |
| 61 |