How to resolve conflict with custom theme

Created by Support Agent, Modified on Mon, 13 Apr at 3:11 AM by Support Agent

Many custom themes use different class structure rather than that of Magento default theme, which might cause a conflict and make Add Multiple Products to cart not work properly.

Solution:

Step 1: Add Class ID of product list pages or CMS pages

- Open a product list page or CMS page where you want to apply our module, press F12 or right-click and choose Inspect/ Inspect Elements.

In the first line starting with <body , we can find the Class ID, choose a random part of the class ID

For example, in our demo site, it is “catalog-category-view”

In the field: Apply "Add Multiple Products" in backend configure: add ".catalog-category-view ”

Step 2: Add Class ID of product list in the certain pages

In the same page (product list page or CMS page), right-click at a product and choose Inspect/ Inspect Elements

Move the pointer to each line in the Inpact (all tags when right-click at the product).
Stop when noticing a blue background – color covering all all product list
In this line, there is the class (id) we need. Select a random part of this class (id) đó.

For example, we choose “products-grid” at our demo site:

In the field: Apply "Add Multiple Products" in backend configure: add a space and add

“.products-grid” - If it's "Class" in your theme
“#products-grid” - if it's "id" in your theme

Step 3: Save configuration and Flush Magento cache.

Note: classes (ids) will be separated by “,”

For example: .catalog-category-view .products-grid,.catalog-category-view .products-list

About us

BSS Commerce is a trusted Magento 2 extensions provider with 14+ years of experience, serving 75,000+ customers worldwide. We are an Adobe Commerce Solution Bronze Partner and a Select Magento Extensions Builder, reinforcing our expertise in the Magento ecosystem.

We specialize in developing 150+ high-quality Magento 2 extensions that enhance functionality, improve user experience, and support scalable growth. Our reputation is built on long-term partnerships, positive feedback, and proven performance-driven solutions.

Explore our extensions: https://bsscommerce.com/magento-2-extensions.html

For B2B businesses, our Magento B2B Extension by BSS Commerce is a flagship and widely adopted solution globally, offering advanced pricing, company account management, and streamlined workflows.