How to resolve conflict with custom theme

Created by Katie Bui, Modified on Mon, 15 Oct, 2018 at 5:01 PM by Katie Bui


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






Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article