How to fix CSS conflict between BSS Simple Details on Grouped Product and MSG/Ninth theme?

Created by Kaylin Nguyen, Modified on Thu, 27 Dec, 2018 at 11:15 AM by Robin Hoang

Question: 

My custom theme cannot get the less file of Bss_SimpleDetailGroupedProduct. How can I fix it?


Answer: 

- The Cause: As MSG - Ninth theme doesn’t follow Magento 2 Less compiler standard, if your extension is using _module.less that follows Magento 2 Coding Standard, this theme cannot get the _module.less file

- The solution:

Step 1:

Go to the folder: magento/app/design/frontend/Mgs/ninth/web/css/third-party-extension (if there is no third-party-extension folder, we suggest you should create one to manage code easier)

Then please add bss_sdgp.less file  to the folder.


Step 2:
Go to the file: magento/app/design/frontend/Mgs/ninth/web/css.theme.less, add code:  @import 'third-party_extension/bss_sdgp.less'; to import bss_sdgp.less  file into the theme.


Step 3: 

Deploy the site, so the site has the new CSS. 


Note: If your less file using Magento 2 Standard Media Query, you may encounter errors. We recommend using Standard Css Media instead. Ex:
Your less file with Magento 2 Media Querry
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {}

Now convert to Css Query
@media screen and (max-width: 600px) {}


Could you please check and contact us is there is any concern?









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