Customization

n3t PhocaCart Search module comes with its own stylesheet. It uses basic Bootsrap 5 classes, but adds some additional styling. Therefore, if you want to customize look of this module, you have few options how to achieve this.

Custom CSS variables

Some of preperties of AJAX popup are defined using CSS variables. Deaults are:

--n3t-mod-phocacart-search-background: #fff;
--n3t-mod-phocacart-search-border: #ccc;
--n3t-mod-phocacart-search-highlight: #eee;
--n3t-mod-phocacart-search-image-width: 3em;
--n3t-mod-phocacart-search-manufacturer-width: 6em;
--n3t-mod-phocacart-search-price-width: 4em;
--n3t-mod-phocacart-search-price-original-color: #999;
--n3t-mod-phocacart-search-scrollbar-color: #999;
--n3t-mod-phocacart-search-scrollbar-width: 6px;

Just override it in your template stylesheet, in your template settings or directly in your template code. Consult your template documentation to find out how to do this.

Output override

As any other module in Joomla, this module supports output overrides, so you can completely override its output, stylesheet or even javascript. Consult Joomla and your template documentation to find out how to do this.