how can use 2column in desktop and 1column in mobile devices?

Hi, there is no option for that. You can override template files and create your own layout.

can you help me how do it?
I am not good enough in programming!

sorry @wckalkulator
how can i create my own layout?

i copy-paste every file in the view directory to the themes/your-theme/wc-kalkulator directory! but i can’t see any .css file for change style!

@ardalan1373 use just view/woocommerce/product.php in your theme

The starting point is:

<?php
if (!defined('ABSPATH')) {
    exit;
}

?>
    <input type="hidden" name="_wck_product_id" value="<?php echo absint($view->product_id); ?>">
    <input type="hidden" name="_wck_hash" value="<?php echo wp_hash($view->product_id); ?>">
<?php
foreach ($view->fields as $field) {
    echo '<pre>' . print_r($field, true) . '</pre>';
}
?>

It will loop over all fields in your fieldset and print_r field’s parameters. You can use it to build your custom layout.

You can override field’s templates to change their look. Field’s are wrapped by <tr><td> tags by default, but you can override it and change table tags to divs and use flex layout for example.

CSS rules goes to your theme’s css. You can create a new file and enqueue it (wp_enqueue_style()) as every other stylesheet.

Making custom layouts is for advanced users and developers.