Как вывести размер обуви рядом с вариациями?

Чтобы вывести размер обуви рядом с вариациями в WordPress, вам понадобится изменить шаблон товара (single-product.php) вашей темы.

1. Создайте дочернюю тему, чтобы изменения не были перезаписаны при обновлении основной темы.

2. В папке дочерней темы найдите файл single-product.php.

3. Откройте файл single-product.php в текстовом редакторе и найдите код, отвечающий за вывод вариаций товара. Обычно он выглядит примерно так:

   <?php do_action('woocommerce_before_variations_form'); ?>

   <?php if (sizeof($attributes) > 0) : foreach ($attributes as $attribute_name => $options): ?>

   <div class="woocommerce-variation-<?php echo sanitize_title($attribute_name); ?>">

   <label for="<?php echo sanitize_title($attribute_name); ?>"><?php echo wc_attribute_label($attribute_name); ?></label>

   <select id="<?php echo sanitize_title($attribute_name); ?>" name="attribute_<?php echo sanitize_title($attribute_name); ?>">
   <option value=""><?php echo __('Choose an option', 'woocommerce') . '...'; ?></option>
   <?php if (is_array($options)) {

   if ($attribute_name == 'color') {
   array_walk($options, 'color_walk');
   }

   foreach ($options as $option) {
   echo '<option value="' . esc_attr($option) . '">' . esc_html(apply_filters('woocommerce_variation_option_name', $option)) . '</option>';
   }

   } ?>
   </select>

   </div>
   <?php endforeach; endif; ?>

   <?php do_action('woocommerce_after_variations_form'); ?>

4. Мы добавим код для вывода размера обуви рядом с вариациями. Найдите место, где должен отображаться размер обуви, и вставьте следующий код:

   <?php if (sizeof($attributes) > 0) : foreach ($attributes as $attribute_name => $options): ?>

   <div class="woocommerce-variation-<?php echo sanitize_title($attribute_name); ?>">
      <?php if($attribute_name == 'size') : ?>
         <label for="<?php echo sanitize_title($attribute_name); ?>"><?php echo wc_attribute_label($attribute_name); ?></label>
         <span><?php echo get_the_terms(get_the_id(), 'pa_size')[0]->name; ?></span>
      <?php else : ?>
         <label for="<?php echo sanitize_title($attribute_name); ?>"><?php echo wc_attribute_label($attribute_name); ?></label>
         <select id="<?php echo sanitize_title($attribute_name); ?>" name="attribute_<?php echo sanitize_title($attribute_name); ?>">
            <option value=""><?php echo __('Choose an option', 'woocommerce') . '...'; ?></option>
            <?php if (is_array($options)) {
               if ($attribute_name == 'color') {
                  array_walk($options, 'color_walk');
               }
               foreach ($options as $option) {
                  echo '<option value="' . esc_attr($option) . '">' . esc_html(apply_filters('woocommerce_variation_option_name', $option)) . '</option>';
               }
            } ?>
         </select>
      <?php endif; ?>
   </div>

   <?php endforeach; endif; ?>

5. Сохраните изменения в файле single-product.php и проверьте результат на странице товара. Теперь размер обуви должен отображаться рядом с вариациями.

Учитывайте, что код может различаться в зависимости от используемой версии WooCommerce и ваших настроек темы. Будьте внимательны при внесении изменений в код шаблонов и резервируйте файлы перед внесением изменений.