Hi there! I'm reaching out from Automattic. We recently had a merchant ask for us to explore a potential conflict between OceanWP and Product Bundles.
With Product Bundles, it allows merchants to sell a combined set of individual products as a single product. Within it, there is a way to organize these individual products in a grid layout. However, when using the grid layout while the OceanWP theme is active, the grid does not work properly.
I discussed this with @helgatheviking, and they indicated the following:
I have dealt with this [...] and it's 200% the theme. The theme uses their own classes to style a grid instead of using WooCommerce loop classes. You can confirm this by looking at the <ul class="products> in the store and compare it to what [Product Bundles] generates when it prints its <ul class="products">. Unfortunately, the theme chose not to style ul.products like Woo core does, which makes it impossible to inherit their styles without additional work.
Steps to reproduce the behavior:
- Ensure a default theme like the Storefront Theme is active.
- Create a product that uses grid styling (e.g. bundled product in Product Bundles with at 3 least products and using the
Grid layout).
- View the product page and note that the products appear in a grid.
- Change the theme to OceanWP 3.4.1
- The products are now shown in a single row.
Screenshots:


Hi there! I'm reaching out from Automattic. We recently had a merchant ask for us to explore a potential conflict between OceanWP and Product Bundles.
With Product Bundles, it allows merchants to sell a combined set of individual products as a single product. Within it, there is a way to organize these individual products in a
gridlayout. However, when using thegridlayout while the OceanWP theme is active, the grid does not work properly.I discussed this with @helgatheviking, and they indicated the following:
Steps to reproduce the behavior:
Gridlayout).Screenshots:
