Phoca Forum

I'm using Phoca Cart 5.0.0Beta65 with Joomla 5.1.3 on a local test site with PHP 8.3. I'm trying to build a shop where visitors can ask questions about the products. I activated the button and set it so that a modal popup appears. Now I want to style the popup but it isn't connected to my template css file. How can I change that or what can I do besides working with the phocacart main.css (I don't want to do that because it could be erased with the next update)?

Hi, in Joomla, you can use user.css or custom.css (old variant) in your template to override your CSS. Then the modifications will be not changed:

https://www.phoca.cz/documentation/115- ... -overrides

The popup (modal) is in fact not stylized by Phoca Cart but by the system (Bootstrap or UIkit).

Jan

Thanks for the answer, Jan.
I tried that, but it didn't work. Neither the user.css nor my own template.css were loaded into the head section of the page that is displayed in the iframe in the modal window. I don't know if that is a bug in Phoca Cart, my template, or Joomla.
I solved the problem with ReReplacer by replacing the title tag with itself combined with a link to my own css file. Nothing elegant, but it works.

Hi, there are two different things:

a) desing the modal window - this happens in standard CSS with option to use user.css or custom.css
b) design the part inside the modal window (iframe) - such styling is stored in: templates/some_template/component.php and some templates do not load all the CSS here.

So in fact, if you want to customize the CSS inside the iframe, this depends on template it if loads the additional css. If not such need to be loaded in component.php of the template manually.

Jan