Hello Jan,
i have made a fresh install of everything and followed the manual regarding Phoca Cart Gantry 5.
after following the steps, i have added the free shipping plugin, enabled and show image.
in Phoca Cart (installed demo content) i changed the add cart options from default to Ajax Popup.
the popup works, but the background of the popup has the height until bottom browser window.
in /media/com_phocacart/css/main.css i have added line 2382
line 2380 #phAddToCartPopup {
line 2381 z-index: 1051;
line 2382 height: fit-content;
after this change the background of the popup is now correctly sized based on the content..
is this the correct place to arrange this, or will this be gone after a update ?..
Phoca Gantry 5 Premiere template - Popup issue
-
- Phoca Professional
- Posts: 225
- Joined: 31 Dec 2020, 09:46
-
- Phoca Hero
- Posts: 2737
- Joined: 28 Nov 2010, 17:20
Re: Phoca Gantry 5 Premiere template - Popup issue
Hi,
Turn On Development Mode in Gantry
Disable Cache (while Dev Mode is open)
To enter your codes to: custom / scss / custom.scss
![Image](https://i.imgur.com/9ap8ubD.png)
Recompile CSS
Kind regards
Christine
I think you should make as follows:
Turn On Development Mode in Gantry
Disable Cache (while Dev Mode is open)
To enter your codes to: custom / scss / custom.scss
![Image](https://i.imgur.com/9ap8ubD.png)
Recompile CSS
Kind regards
Christine
- Jan
- Phoca Hero
- Posts: 47887
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Phoca Gantry 5 Premiere template - Popup issue
Hi, yes, use custom.scss like Christine wrote. When there is a problem with Popup, this can be even caused by Bootstrap library. Try to test if there are no two or more Bootstrap libraries loaded, etc. ![Idea :idea:](./images/smilies/icon_idea.gif)
Jan
![Idea :idea:](./images/smilies/icon_idea.gif)
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Member
- Posts: 13
- Joined: 24 Jan 2021, 13:45
Re: Phoca Gantry 5 Premiere template - Popup issue
Hi,
I have the same issue with the popup height.
I want to add the lines jpeters mentioned but I cannot find the custom.scss in the custom folder (see screenshot below). Can it be somewhere else?
Also, I have seen where to turn on Development mode in Gantry but I do not know how to disable Cache. Could you please let me know how to do it?
Thanks in advance.
![Image](https://i.imgur.com/UV5WxX8.png)
- Jan
- Phoca Hero
- Posts: 47887
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Phoca Gantry 5 Premiere template - Popup issue
Hi, custom.css is not provided by the package. This file should be created by you. When it will be created by the package, then it will overwrite your changes every time update will be done. So this is why you should create own custom.css file.
Cache - I don't think, in Gantry, you can disable cache, but you can clear it. So every time you will do the change, just recreate CSS (it will automatically overwrite the CSS output with new) and/or clear the cache. Not sure if this happen automatically when development mode is enabled.
![Image](https://i.imgur.com/gEdR0yz.png)
Jan
Cache - I don't think, in Gantry, you can disable cache, but you can clear it. So every time you will do the change, just recreate CSS (it will automatically overwrite the CSS output with new) and/or clear the cache. Not sure if this happen automatically when development mode is enabled.
![Image](https://i.imgur.com/gEdR0yz.png)
Jan
If you find Phoca extensions useful, please support the project