Как вывести в каталоге Woocommerce вариации товара с ценой и корзиной напротив для каждой?

Question

[Dr Zhmurge]

Варианты фасовки выводятся со своей ценой и кнопкой купить.
Как реализовать такой вывод вариаций?
Вот пример реализации у petshop.ru

Answer 1

[Dr Zhmurge]

В файле woocomerce/template/content-product.php после do_action( 'woocommerce_after_shop_loop_item_title' );
нужно вставить следующий код:

$args = array(
  'post_type'     => 'product_variation',
  'post_status'   => array( 'private', 'publish' ),
  'numberposts'   => -1,
  'orderby'       => 'menu_order',
  'order'         => 'ASC',
  'post_parent'   => get_the_ID() // get parent post-ID
);
$variations = get_posts( $args ); 
 
foreach ( $variations as $variation ) {
  
  // get variation ID
  $variation_ID = $variation->ID;
 
  // get variations meta
  $product_variation = new WC_Product_Variation( $variation_ID );
 
  // get variation featured image
  $variation_image = $product_variation->get_image();
 
  // get variation price
  $variation_price = $product_variation->get_price_html();
       //get variation name
  $variation_name = $product_variation->get_variation_attributes();
echo "<p class='product_price' >";
if ( $variation_name [ 'attribute_pa_СЛАГ_АТРИБУТА' ] ) {
    $fasovka = [ 'attribute_pa_СЛАГ_АТРИБУТА' => $variation_name [ 'attribute_pa_СЛАГ_АТРИБУТА'] ];
    echo wc_get_formatted_variation ( $fasovka );
}
echo ($variation_price);
echo "</p>";
}

Comments

[Albert Kazan]

Становится яснее почему все сайты на WP такие тормознутые

[Dr Zhmurge]

Albert Kazan, есть варианты лучше? Я пока не нашел.

[Дмитрий]

Егор Плужнов, подскажите, каким образом для каждой вариации в данном примере реализовать ajax-кнопку добавленя в корзину? Пока получилось только добавлять в корзину по прямой ссылке с id вариации.

Answer 2

[Иван Жук]

Сначала нужно получить все вариации товара, если они есть, а далее дело техники:

global $product;
// если товар вариантивный
if ($product->is_type( 'variable' )) 
{
    //получаем варианты
    $available_variations = $product->get_available_variations();
    foreach ($available_variations as $key => $value) 
    { 
        /**
         * Тут выводишь то что должно быть в списке вариаций.
         * Ссылку на добавление вариации товара в корзину в самом простом случае
         * можно сделать так: http://host.com/?add-to-cart=xxx, где xxx - это ID варианта
         **/
    }
}

Comments

[Dr Zhmurge]

Не соображу каким образом вывести варианты фасовки (например 15 кг), у вариаций же нету такого поля.

[Иван Жук]

Надо смотреть где у вас хранится фасовка, попробуйте посмотреть в мета-данных вариантов:

global $product;
// если товар вариантивный
if ($product->is_type( 'variable' )) 
{
    //получаем варианты
    $available_variations = $product->get_available_variations();
    foreach ($available_variations as $key => $value) 
    { 
        $metadata = $value->get_meta_data();
        var_dump($metadata);
    }
}

[Иван Жук]

Если ругнется, что у $value нет такого метода и это вообще не объект, а массив, то как-то так должно сработать:

$variation = new WC_Product( $value['variation_id'] );
$metadata = $variation->get_meta_data();
var_dump($metadata);

[Dr Zhmurge]

Иван Жук, А что скажите на вот такую реализацию?

$args = array(
  'post_type'     => 'product_variation',
  'post_status'   => array( 'private', 'publish' ),
  'numberposts'   => -1,
  'orderby'       => 'menu_order',
  'order'         => 'ASC',
  'post_parent'   => get_the_ID() // get parent post-ID
);
$variations = get_posts( $args ); 
 
foreach ( $variations as $variation ) {
  
  // get variation ID
  $variation_ID = $variation->ID;
 
  // get variations meta
  $product_variation = new WC_Product_Variation( $variation_ID );
 
  // get variation featured image
  $variation_image = $product_variation->get_image();
 
  // get variation price
  $variation_price = $product_variation->get_price_html();
       //get variation name
  $variation_name = $product_variation->get_variation_attributes();
echo "<p class='product_price' >";
echo $variation_name['attribute_pa_fasovka'].": ";
echo ($variation_price);
echo "</p>";
}

Все выводит так как надо. Но единственный косяк что название атрибута выводит из его value. Сам атрибут называется например "12,5 кг", а на сайте сейчас он выводится как "125-kg". Пока не знаю как его побороть. У вас нет случайно предположений?
Сайт: zoo.pluzhnov.ru

[Dr Zhmurge]

Решил вопрос добавлением такой конструкции:

if ( $variation_name [ 'attribute_pa_fasovka' ] ) {
    $fasovka = [ 'attribute_pa_fasovka' => $variation_name [ 'attribute_pa_fasovka'] ];
    echo wc_get_formatted_variation ( $fasovka );
}

Вместо: echo $variation_name['attribute_pa_fasovka'].": ";

Суть в функции wc_get_formatted_variation. Она возвращает форматированную таксономию к прежнему виду.