Как отобразить различные варианты товара на странице с описанием товара?

Как добавить на страницу товара список всех доступных вариаций с их названиями и стоимостью, чтобы пользователь мог выбрать одну и добавить ее в корзину, сохраняя прежнюю картинку товара? Требуется решение без изменения изображения товара. Благодарен за любую помощь и советы по реализации этого функционала в single-product.php.
  • 12 апреля 2024 г. 22:49
Ответы на вопрос 1
Для отображения различных вариантов товара на странице с описанием товара без изменения изображения товара, можно использовать дополнительные изображения или цветовые варианты, которые будут отображаться при выборе соответствующей вариации.

Для добавления списка всех доступных вариаций с их названиями и стоимостью на страницу товара вы можете воспользоваться следующим кодом в файле single-product.php:

```php
global $product;

if ( $product->is_type( 'variable' ) ) {

    $variations = $product->get_available_variations();

    foreach ( $variations as $variation ) {
        $variation_id = $variation['variation_id'];
        $variation_obj = new WC_Product_Variation( $variation_id );

        echo '<p>';
        echo '<input type="radio" name="variation_id" value="' . esc_attr( $variation_id ) . '"> ';
        echo esc_html( $variation_obj->get_title() ) . ' - ' . wc_price( $variation_obj->get_price() );
        echo '</p>';
    }

    // Add to cart button
    echo '<button class="add-to-cart-btn">Add to Cart</button>';
}
```

Этот код будет выводить список всех доступных вариаций товара с их названиями и стоимостью в формате radio кнопок, чтобы пользователь мог выбрать одну из них. После выбора вариации, пользователь сможет нажать на кнопку "Add to Cart" для добавления выбранной вариации в корзину.

Не забудьте также добавить соответствующий JavaScript код для обработки выбора вариации и добавления товара в корзину без изменения изображения.
Похожие вопросы