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