Для отображения различных вариантов товара на странице с описанием товара без изменения изображения товара, можно использовать дополнительные изображения или цветовые варианты, которые будут отображаться при выборе соответствующей вариации.
Для добавления списка всех доступных вариаций с их названиями и стоимостью на страницу товара вы можете воспользоваться следующим кодом в файле 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 код для обработки выбора вариации и добавления товара в корзину без изменения изображения.