Хочу модернизировать свою переключалку вариаций, когда-то нашел этот код в сыром виде и перековал под себя, но нету одной вещи, которая оказалась нужна - при изменении информации о вариации не меняется ее фото. Какой дефолтный скрипт отправляет фотку вариации в контейнер с основной фоткой? С кастомными классами разметки разберусь, мне бы название события, которое меняет фотку, и схему.
Я знаю, что плагины-свитчеры хорошие, я просто и для себя учусь. В той теме. что я делаю, плагины тоже не помогли, что-то там так наверчено, что несколько дней не разобрать, как это часто случается, когда не ты ее делал, а переписать мне проще сниппет, чем лазить в плагине.
JS-часть
jQuery(document).on('change', '.variation-radios input', function() {
jQuery('.variation-radios input:checked').each(function(index, element) {
var $el = jQuery(element);
var thisName = $el.attr('name');
var thisVal = $el.attr('value');
jQuery('select[name="'+thisName+'"]').val(thisVal).trigger('change');
jQuery('[name=quantity]').val(1);
});
});
jQuery(document).on('woocommerce_update_variation_values', function() {
jQuery('.variation-radios input').each(function(index, element) {
var $el = jQuery(element);
var thisName = $el.attr('name');
var thisVal = $el.attr('value');
$el.removeAttr('disabled');
if(jQuery('select[name="'+thisName+'"] option[value="'+thisVal+'"]').is(':disabled')) {
$el.prop('disabled', true);
jQuery('[name=quantity]').val(1);
}
});
});
Куда-то сюда бы прицепить изменение фотки, к woocommerce_update_variation.
Бэк
function variation_radio_buttons($html, $args) {
$args = wp_parse_args(apply_filters('woocommerce_dropdown_variation_attribute_options_args', $args), array(
'options' => false,
'attribute' => false,
'product' => false,
'selected' => false,
'name' => '',
'id' => '',
'class' => '',
'show_option_none' => __('Choose an option', 'woocommerce'),
));
if(false === $args['selected'] && $args['attribute'] && $args['product'] instanceof WC_Product) {
$selected_key = 'attribute_'.sanitize_title($args['attribute']);
$args['selected'] = isset($_REQUEST[$selected_key]) ? wc_clean(wp_unslash($_REQUEST[$selected_key])) : $args['product']->get_variation_default_attribute($args['attribute']);
}
$options = $args['options'];
$product = $args['product'];
$attribute = $args['attribute'];
$name = $args['name'] ? $args['name'] : 'attribute_'.sanitize_title($attribute);
$id = $args['id'] ? $args['id'] : sanitize_title($attribute);
$class = $args['class'];
$show_option_none = (bool)$args['show_option_none'];
$show_option_none_text = $args['show_option_none'] ? $args['show_option_none'] : __('Choose an option', 'woocommerce');
if(empty($options) && !empty($product) && !empty($attribute)) {
$attributes = $product->get_variation_attributes();
$options = $attributes[$attribute];
}
global $product;
$prod_id = $product->get_id();
$radios = '<div class="variation-radios">';
if(!empty($options)) {
if($product && taxonomy_exists($attribute)) {
$terms = wc_get_product_terms($product->get_id(), $attribute, array(
'fields' => 'all',
));
foreach($terms as $term) {
if(in_array($term->slug, $options, true)) {
$id = $name.'-'.$term->slug;
$radios .= '<div class="attr-container"><div class="radio-span" style="background:' . get_term_meta( $term->term_id, 'proleds_pa_color', true ) . '"><input type="radio" id="'.esc_attr($id). $prod_id .'" name="'.esc_attr($name) .'" value="'.esc_attr($term->slug).'" '.checked(sanitize_title($args['selected']), $term->slug, false).'><label for="'.esc_attr($id). $prod_id.'">'.esc_html(apply_filters('woocommerce_variation_option_name', $term->name)).'</label></div></div>';
}
}
} else {
foreach($options as $option) {
$id = $name.'-'.$option;
$checked = sanitize_title($args['selected']) === $args['selected'] ? checked($args['selected'], sanitize_title($option), false) : checked($args['selected'], $option, false);
$radios .= '<div class="attr-container"><input type="radio" id="'.esc_attr($id). $prod_id .'" name="'.esc_attr($name). '" value="'.esc_attr($option).'" data-name="'.esc_attr($option).'" id="'.sanitize_title($option).'" '.$checked.'><label for="'.esc_attr($id). $prod_id.'">'.esc_html(apply_filters('woocommerce_variation_option_name', $option)).'</label></div>';
}
}
}
$radios .= '</div>';
return $html.$radios;
}
add_filter('woocommerce_dropdown_variation_attribute_options_html', 'variation_radio_buttons', 20, 2);
function variation_check($active, $variation) {
if(!$variation->is_in_stock() && !$variation->backorders_allowed()) {
return false;
}
return $active;
}
add_filter('woocommerce_variation_is_active', 'variation_check', 10, 2);