Changing the style to => (Single Template Style 5) has worked.

I just now managed to fix it. My caching plugin was the culprit and was creating this problem. But now it seems to be fixed.

Thanks a lot Simion

This is how it is shown in customizer
https://ibb.co/3kPw9md
After refreshing options 4 columns are displayed in the preview only but disappear after publishing.
https://ibb.co/c63gdFc

I don’t if it is linked or not but the product page is also displayed in a single column. Like it is given below.
https://ibb.co/qsrwVFL

Thankyou for your response.

I have tried everything mentioned by you already.

I changed the number of columns from Appearance-> customize section it is displayed correctly on that customize screen but after publishing/saving the changes it return back to same stage(i.e. 2 columns)

I have tried the code mentioned by you also in my child functions.php file, but the result remain same.
/**
* Change number or products per row to 3
*/
add_filter(‘loop_shop_columns’, ‘loop_columns’, 999);
if (!function_exists(‘loop_columns’)) {
function loop_columns() {
return 3; // 3 products per row
}
}

I will be highly thankful if somebody can help me with a working solution or pointing me to what is conflicting.

my previous question if related to the woocommerce shop page.
https://www.unlockmyrouter.com/shop/

I want 4 products in each row