Hi there,
you can’t move the summary/cart from below the product gallery.
But you can move the gallery above the summary:
add_action('wp', function(){
remove_action('woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
add_action('woocommerce_single_product_summary', 'woocommerce_show_product_images', 4);
});
You will need to remove the current CSS that is moving the image to the right, and then try this CSS:
@media(min-width: 769px) {
.woocommerce #content div.product div.images {
width: 100%;
margin-right: 0;
}
.woocommerce.single-product div.product {
display:flex;
}
.woocommerce #content div.product div.summary {
order: 10;
margin-left: 20px;
}
}