inline_style();
if ( ! empty( $inline_css ) ) {
wp_add_inline_style( 'ep-variation-swatches', $this->inline_style() );
}
wp_enqueue_script( 'ep-variation-swatches' );
$params = apply_filters( 'ep_variation_swatches_js_params', [
'show_selected_label' => wc_string_to_bool( Helper::get_settings( 'show_selected_label' ) ),
] );
if ( ! empty( $params ) ) {
wp_localize_script( 'ep-variation-swatches', 'ep_variation_swatches_params', $params );
}
do_action( 'ep_variation_swatches_enqueue_scripts' );
}
public function inline_style() {
$options = get_option('element_pack_other_settings');
$size = isset($options['ep_variation_swatches_size']) ? absint($options['ep_variation_swatches_size']) : 26;
$current_size = get_option('ep_variation_swatches_size');
if ($size !== $current_size) {
update_option('ep_variation_swatches_size', $size);
}
$css = ':root { --ep-swatches-item-width: ' . $size . 'px; --ep-swatches-item-height: ' . $size . 'px; }';
return apply_filters('ep_variation_swatches_css', $css);
}
public function swatches_html( $html, $args ) {
$options = $args['options'];
$product = $args['product'];
$attribute = $args['attribute'];
$name = $args['name'] ? $args['name'] : wc_variation_attribute_name( $attribute );
if ( empty( $options ) && ! empty( $product ) && ! empty( $attribute ) ) {
$attributes = $product->get_variation_attributes();
$options = $attributes[ $attribute ];
}
if ( empty( $options ) ) {
return $html;
}
$swatches_args = $this->get_swatches_args( $product->get_id(), $attribute );
$swatches_args = wp_parse_args( $args, $swatches_args );
if ( ! Helper::is_swatches_type( $swatches_args['swatches_type'] ) ) {
return $html;
}
// Swatches html.
$swatches_html = '';
if ( $product && taxonomy_exists( $attribute ) ) {
$terms = wc_get_product_terms(
$product->get_id(),
$attribute,
[
'fields' => 'all',
'slug' => $options,
]
);
foreach ( $terms as $term ) {
$swatches_html .= $this->get_term_swatches( $term, $swatches_args );
}
} else {
foreach ( $options as $option ) {
$swatches_html .= $this->get_term_swatches( $option, $swatches_args );
}
}
if ( ! empty( $swatches_html ) ) {
$classes = [
'ep-variation-swatches',
'ep-variation-swatches--' . $swatches_args['swatches_type'],
'ep-variation-swatches--' . $swatches_args['swatches_shape']
];
if ( $swatches_args['swatches_tooltip'] ) {
$classes[] = 'ep-variation-swatches--has-tooltip';
}
$swatches_html = '';
$html = '' . $html . $swatches_html . '
';
}
return apply_filters( 'ep_variation_swatches_html', $html, $args );
}
public function get_term_swatches( $term, $args ) {
$type = $args['swatches_type'];
$value = is_object( $term ) ? $term->slug : $term;
$name = is_object( $term ) ? $term->name : $term;
$name = apply_filters( 'woocommerce_variation_option_name', $name, ( is_object( $term ) ? $term : null ), $args['attribute'], $args['product'] );
$size = ! empty( $args['swatches_size'] ) ? sprintf( '--ep-swatches-item-width: %1$dpx; --ep-swatches-item-height: %2$dpx;', absint( $args['swatches_size']['width'] ), absint( $args['swatches_size']['height'] ) ) : '';
$html = '';
if ( is_object( $term ) ) {
$selected = sanitize_title( $args['selected'] ) == $value;
} else {
// This handles < 2.4.0 bw compatibility where text attributes were not sanitized.
$selected = sanitize_title( $args['selected'] ) === $args['selected'] ? $args['selected'] == sanitize_title( $value ) : $args['selected'] == $value;
}
$data = $this->get_attribute_swatches_data( $term, $args );
$class = [
'ep-variation-swatches__item',
'ep-variation-swatches__item-' . $value,
];
if ( $selected ) {
$class[] = 'selected';
}
if ( ! empty( $args['swatches_class'] ) ) {
$class[] = $args['swatches_class'];
}
switch ( $type ) {
case 'color':
$color = '--ep-swatches-item-color:' . $data['value'];
$html = sprintf(
'
%s
',
esc_attr( implode( ' ', $class ) ),
esc_attr( $size . $color ),
esc_attr( $name ),
esc_attr( $value ),
esc_html( $name )
);
break;
case 'image':
$html = sprintf(
'
%s
',
esc_attr( implode( ' ', $class ) ),
esc_attr( $size ),
esc_attr( $name ),
esc_attr( $value ),
esc_url( $data['image_src'] ),
esc_attr( ! empty( $data['image_alt'] ) ? $data['image_alt'] : $name ),
esc_html( $name )
);
break;
case 'label':
$html = sprintf(
'
%s
',
esc_attr( implode( ' ', $class ) ),
esc_attr( $size ),
esc_attr( $name ),
esc_attr( $value ),
esc_html( $data['value'] ? $data['value'] : $name )
);
break;
case 'button':
$html = sprintf(
'
%s
',
esc_attr( implode( ' ', $class ) ),
esc_attr( $size ),
esc_attr( $name ),
esc_attr( $value ),
esc_html( $name )
);
break;
}
return apply_filters( 'ep_variation_swatches_' . $type . '_html', $html, $args, $data, $term );
}
public function get_swatches_args( $product_id, $attribute ) {
$swatches_meta = Helper::get_swatches_meta( $product_id );
$attribute_key = sanitize_title( $attribute );
if ( ! empty( $swatches_meta[ $attribute_key ] ) ) {
$swatches_args = [
'swatches_type' => $swatches_meta[ $attribute_key ]['type'],
'swatches_shape' => $swatches_meta[ $attribute_key ]['shape'],
'swatches_size' => 'custom' == $swatches_meta[ $attribute_key ]['size'] ? $swatches_meta[ $attribute_key ]['custom_size'] : '',
'swatches_attributes' => $swatches_meta[ $attribute_key ]['swatches'],
];
if ( Helper::is_default( $swatches_args['swatches_type'] ) ) {
$swatches_args['swatches_type'] = taxonomy_exists( $attribute ) ? Helper::get_attribute_taxonomy( $attribute )->attribute_type : 'select';
$swatches_args['swatches_attributes'] = [];
// converts select options to buttons.
if ( 'select' == $swatches_args['swatches_type'] && wc_string_to_bool( Helper::get_settings( 'auto_button' ) ) ) {
$swatches_args['swatches_type'] = 'button';
}
} else {
$swatches_args['swatches_edited'] = true;
}
if ( Helper::is_default( $swatches_args['swatches_shape'] ) ) {
$swatches_args['swatches_shape'] = Helper::get_settings( 'shape' );
}
} else {
$swatches_args = [
'swatches_type' => taxonomy_exists( $attribute ) ? Helper::get_attribute_taxonomy( $attribute )->attribute_type : 'select',
'swatches_shape' => Helper::get_settings( 'shape' ),
'swatches_size' => '',
'swatches_attributes' => [],
];
// convert select options to buttons.
if ( 'select' == $swatches_args['swatches_type'] && wc_string_to_bool( Helper::get_settings( 'auto_button' ) ) ) {
$swatches_args['swatches_type'] = 'button';
}
}
$swatches_args['swatches_tooltip'] = wc_string_to_bool( Helper::get_settings( 'tooltip' ) );
$swatches_args['swatches_image_size'] = $swatches_args['swatches_size'] ? $swatches_args['swatches_size'] : Helper::get_settings( 'size' );
return apply_filters( 'ep_variation_swatches_item_args', $swatches_args, $attribute, $product_id, );
}
public function get_attribute_swatches_data( $term, $args ) {
$type = isset( $args['swatches_type'] ) ? $args['swatches_type'] : 'select';
$data = [
'type' => $type,
'value' => '',
];
if ( ! Helper::is_swatches_type( $type ) ) {
return $data;
}
$key = is_object( $term ) ? $term->term_id : sanitize_title( $term );
if ( isset( $args['swatches_attributes'][ $key ] ) && isset( $args['swatches_attributes'][ $key ][ $type ] ) ) {
$value = $args['swatches_attributes'][ $key ][ $type ];
} else {
$value = is_object( $term ) ? Term_Meta::instance()->get_meta( $term->term_id, $type ) : '';
}
$data['value'] = $value;
$dimension = $args['swatches_image_size'];
if ( 'image' == $type ) {
if ( ! $value ) {
$image_src = wc_placeholder_img_src( 'thumbnail' );
} else {
$image = Helper::get_image( $value, $dimension, false );
$image_src = $image ? $image[0] : wc_placeholder_img_src( 'thumbnail' );
}
$data['image_src'] = $image_src;
if ( ! empty( $args['product'] ) ) {
$product = $args['product'];
$name = is_object( $term ) ? $term->name : $term;
$data['image_alt'] = $product->get_title() . ' - ' . $name;
}
}
return apply_filters( 'ep_variation_swatches_attribute_swatches_data', $data, $term, $args );
}
}