Skip to content

OceanWP is Incompatible with Grid Layouts #434

@csmcneill

Description

@csmcneill

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:

  1. Ensure a default theme like the Storefront Theme is active.
  2. Create a product that uses grid styling (e.g. bundled product in Product Bundles with at 3 least products and using the Grid layout).
  3. View the product page and note that the products appear in a grid.
  4. Change the theme to OceanWP 3.4.1
  5. The products are now shown in a single row.

Screenshots:
Markup on 2023-01-17 at 14:50:43

Markup on 2023-01-17 at 14:50:04

Metadata

Metadata

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions