Strange arrangement

Hi @massdoo11

I’ve asked out developers for some help with this one, this may be a change in the layout of the Block content between the release that was available in May 2020 when the video was released and the current release of WooCommerce Blocks.

I’ll be in touch with any update.

Thanks,

Hey @massdoo11

I heard back from the developers. I was right in my thinking that this was a change between the release during May 2020 and now.

https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/3734

The layout was changed in order to leave more room for the product description and any metadata it might have (variations, add-ons, subscription details, etc.).

There may be some CSS that you could use to achieve the previous layout, but this would need to be tested with your theme and ensure it works well with all extensions you have installed.

.is-large.wc-block-cart td.wc-block-cart-item__product {
	padding-right: 7em;
	position: relative;
}
.is-large.wc-block-cart .wc-block-cart-item__quantity {
	position: absolute;
	right: 0;
	top: 1em;
}

But we can’t ensure that will work forever or that it would not have issues with other extensions or future changes we do. So I present this code snippet with no support and as-is.

This is how it would look using our Storefront theme.

Link to image: https://d.pr/i/CIoSNV

Thanks,