Ask Question form in modal popup

Phoca Cart - complex e-commerce extension
gynta
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 24 Aug 2024, 22:32

Ask Question form in modal popup

Post by gynta »

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)?
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48386
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Ask Question form in modal popup

Post by Jan »

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
If you find Phoca extensions useful, please support the project
gynta
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 24 Aug 2024, 22:32

Re: Ask Question form in modal popup

Post by gynta »

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.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48386
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Ask Question form in modal popup

Post by Jan »

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. :idea:

Jan
If you find Phoca extensions useful, please support the project
Post Reply