Как реализовать две цены в карточках товаров (вариативных) в каталоге?

Question

[Taron4uk]

Необходимо в определенной категории товаров сделать две цены (за штуку/за комплект), то есть не в самой странице товара, а в карточках в каталоге, чтобы была возможность нажать сразу на необходимую вариацию и добавить товар в корзину.

На данный момент у вариативного товара при нажатии "В корзину" переносит на страницу товара самого для выбора вариации, а как это выполнить сразу пользователю, не переходя по карточке товара, а сразу проходя по каталогу?

Может существует плагин какой-то?

Comments

[Refguser]

Дубль Как в Woocommerce сделать две цены (за штуку и за комплект)?

Answer 1

[Михаил Р.]

Примерно так:

function test() {
    global $product;

    if($product->is_type('variable')) {
        $variations = $product->get_available_variations();
        echo '<div class="custom-variations-wrapper">';

        foreach($variations as $variation) {
            if(isset($variation['display_price'])) {
                $variation_id = $variation['variation_id'];
                $variation_price = $variation['display_price']; // or 'display_regular_price'

                echo '<form action="' . esc_url($product->add_to_cart_url()) . '" method="post" enctype="multipart/form-data">';
                echo '<div class="variation" data-variation-id="' . esc_attr($variation_id) . '">';
                echo '<p class="price">' . sprintf(__('%s'), wc_price($variation_price)) . '</p>';
                echo '<input type="hidden" name="product_id" value="' . esc_attr($product->get_id()) . '" />';
                echo '<input type="hidden" name="variation_id" value="' . esc_attr($variation_id) . '" />';
                foreach($variation['attributes'] as $attribute => $value) {
                    echo '<input type="hidden" name="' . esc_attr($attribute) . '" value="' . esc_attr($value) . '">';
                }
                echo '<button type="submit">' . __('В корзину') . '</button>';
                echo '</div>';
                echo '</form>';
            }
        }

        echo '</div>';
    }
}

add_action('woocommerce_after_shop_loop_item', 'test', 20);

Comments

[Taron4uk]

Благодарю!
Всё получилось, только при нажатии "В корзину" не добавляет определенную вариацию в корзину, то есть просто кнопка кликается
А это каким методом настроить можно?

[Михаил Р.]

Taron4uk, обновил ответ, попробуйте

[Taron4uk]

Михаил Р., заменил, но теперь просто переносит при нажатии любой из двух кнопок на страницу товара

[Михаил Р.]

Taron4uk, возможно, тема или плагин влияет на это поведение, т.к. у меня работает. Можно попробовать через js Как добавить в корзину вариативный товар через Ajax?

[Taron4uk]

Михаил Р., спасибо Вам огромное!