Woocommerce Shop Display

Hi there,

so you imported the Site template after the shop was already set-up?
If so it looks like the Woocommerece CSS has got a little messed up. Can you deactivate/delete and re-install the Woocommerce plugin. It won't delete your data - but always advisable to back up first. Let me know.

re-installed just now just the page still look the same :(

Which cache plugin are you using? Can you first try clearing the cache. Second disable the plugin to see if it resolves. It looks like the CSS optimization has gone overboard.

I am using wp-rocket. Deactivated, cleared cache but still the same... no other plugin installed affecting cache. No idea what's going wrong...

For the time being add this CSS:

.woocommerce .related ul.products, .woocommerce .up-sells ul.products, .woocommerce ul.products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

Its very odd as i haven't encountered this issue, so will need to investigate.

great, this one settled, but i found another one which is the single product picture did not show, please check the link: https://staging-oushin.kinsta.com/shop/service-fortune-tell/oracle/

Just out of curiosity, what happens if you deactivate bbPress?

deactivated. Seems not caused by bbPress

It seems like your site is missing the woocommerce-layout.css file, which is added by WooCommerce by default.

Do you have any custom WooCommerce related functions on your site?

If not, can you try deactivating your other plugins to see if one of them is removing the stylesheet?