Размеры товара в WooCommerce

В WooCommerce размеры товара — это важная часть информации, которую можно указать для каждого продукта. Размеры могут быть полезны для отображения физических характеристик товара, таких как длина, ширина и высота. Эти данные могут использоваться для отображения покупателям на странице товара, а также для расчёта стоимости доставки, если она зависит от габаритов.

1. Как указать размеры товара в WooCommerce

Шаги для добавления размеров товара:

1. Откройте продукт, для которого нужно указать размеры.
   • Перейдите в Товары > Все товары и выберите товар, который вы хотите отредактировать.
2. В разделе Данные товара перейдите на вкладку Доставка.
3. Введите размеры товара:
   • Длина: укажите длину товара.
   • Ширина: укажите ширину товара.
   • Высота: укажите высоту товара.
4. Укажите вес товара, если это необходимо.
5. Нажмите Обновить, чтобы сохранить изменения.

Теперь указанные размеры будут сохранены для этого товара. WooCommerce может использовать эти данные для расчёта доставки, если вы настроите способы доставки, основанные на габаритах.

2. Отображение размеров на странице товара

По умолчанию WooCommerce не отображает размеры товара на странице товара. Если вы хотите, чтобы размеры были видны покупателям, можно добавить их отображение с помощью дополнительного кода.

Пример: Добавление размеров в карточку товара

Для того чтобы вывести размеры товара на странице товара (например, под ценой), можно добавить следующий код в файл functions.php вашей темы:

// Добавляем размеры товара на страницу товара
add_action( 'woocommerce_single_product_summary', 'display_product_dimensions', 25 );

function display_product_dimensions() {
  global $product;
  
  // Получаем размеры товара
  $dimensions = $product->get_dimensions();
  
  // Проверяем, есть ли размеры
  if ( ! empty( $dimensions ) ) {
    echo '
Размеры товара: ' . $dimensions . '
';
  }
}

Этот код добавляет информацию о габаритах товара на странице под кратким описанием. Вы можете изменить местоположение вывода, изменив приоритет хука (в данном случае 25).

3. Добавление размеров для вариативных товаров

Если у вас есть вариативные товары (например, товары с разными размерами), вы можете указать размеры для каждой вариации товара.

Шаги для добавления размеров вариативных товаров:

1. Перейдите в раздел Товары > Все товары и выберите вариативный товар для редактирования.
2. В разделе Данные товара выберите Вариативный продукт в поле Тип продукта.
3. Перейдите на вкладку Вариации и выберите вариацию, для которой хотите указать размеры.
4. В разделе Доставка для каждой вариации укажите Длину, Ширину и Высоту.
5. Нажмите Обновить, чтобы сохранить изменения.

Теперь каждый вариант товара будет иметь свои собственные размеры, что может быть полезно для расчёта доставки и отображения информации о продукте.

4. Использование размеров для расчёта доставки

Если вы хотите использовать габариты товара для расчёта стоимости доставки, WooCommerce позволяет настроить это через плагины или кастомные решения для расчёта доставки по весу и размерам.

Пример настройки расчета доставки по размерам:

Для более точного расчёта стоимости доставки в зависимости от габаритов товара, можно использовать расширения, такие как Table Rate Shipping или Flexible Shipping. Эти расширения позволяют создавать правила расчета доставки на основе размеров товара, зоны доставки и других условий.

1. Установите плагин, поддерживающий расчет доставки на основе размеров (например, Table Rate Shipping).
2. Настройте правила доставки, указав зависимости от размеров и веса товаров.
3. WooCommerce автоматически будет использовать указанные размеры для расчёта стоимости доставки при оформлении заказа.

5. Изменение единиц измерения размеров

По умолчанию WooCommerce использует сантиметры для размеров и килограммы для веса. Если вам нужно изменить единицы измерения, это можно сделать в настройках WooCommerce.

Шаги для изменения единиц измерения:

1. Перейдите в WooCommerce > Настройки > Продукты.
2. Перейдите на вкладку Общие.
3. В разделе Размеры товара измените единицы измерения для веса и габаритов:
   • Единицы веса — измените с килограммов на фунты или другую подходящую единицу.
   • Единицы длины — измените с сантиметров на метры, дюймы и другие доступные единицы.
4. Нажмите Сохранить изменения.

Теперь WooCommerce будет использовать выбранные единицы измерения для всех товаров в магазине.

6. Стилизация отображения размеров товара

Если вы хотите изменить внешний вид отображения размеров на странице товара, можно использовать CSS для кастомизации стилей.

Пример CSS для стилизации вывода размеров товара:

1. Перейдите в Внешний вид > Настроить > Дополнительные стили CSS.
2. Добавьте следующий CSS-код:

/* Стилизация размеров товара */
.product-dimensions {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}

.product-dimensions:before {
  content: '??'; /* Добавляем иконку перед размерами */
  margin-right: 5px;
}

Этот код стилизует текст с размерами товара, добавляя иконку перед ним и изменяя шрифт и цвет.

Размеры товара в WooCommerce — это важная информация, которая может быть полезна как для покупателей, так и для расчета доставки. WooCommerce позволяет легко добавлять размеры к товарам и вариациям, использовать их для расчёта доставки, а также выводить размеры на странице товара. С помощью небольших изменений в коде и стилей можно кастомизировать отображение размеров под ваш дизайн.