Astroid and PhocaCart play nicely with each other since PhocaCart works on both Bootstrap 3 & 4.
To configure PhocaCart to play with nicely with Astroid. Go to Components >> PhocaCart >> Options (top right) >> Display (first tab)
Scroll down to the very bottom of the page and you’ll see the Theme Options Section.
Make the following changes:
Theme to Bootstrap 4
Icon Type to Font Awesome 5
Load Specific CSS to Astroid
Load Bootstrap to No
Load Chosen to No
This will do 3 things
PhocaCart will be based on Bootstrap 4.
PhocaCart will load Astroid specific CSS.
PhocaCart will not load Bootstrap library again, thus saving you the previous load time for your website.
Chosen library won’t be loaded.
Once done, save your settings and get building!
You can add Overrides for Astroid to make the experience even more better: https://www.phoca.cz/phocacart-extensions/5-overrides/39-overrides-astroid