Page 1 of 2

White box around "add to cart" & "Quick View"

Posted: 08 May 2018, 10:30
by Scorptech
Hi,

I'm new to Phoca Cart and I'm looking to move over to using this full time. I'm currently testing it at the moment and found a problem.

When you click on the "Quick View" or "Add To Cart" with the Ajax Popup selected, a white box also appears behind the notification
box? It does not do this on the Phoca Cart Demo Site.

I'm using joomla 3.8.7 and Gantry 5.

Do you have any idea's why this is happening?

I have an image I can send you or a link to the test website if required.

Thanks

Re: White box around "add to cart" & "Quick View"

Posted: 08 May 2018, 13:39
by Jan
Hi, this can be caused by loading two different bootstrap versions :idea:

Can I see the link?

I am currently running Gantry 5 for testing Phoca Cart on my test server, without any such problem :idea: Did you try to upload/install/enable the Phoca Upgrade System plugin to test if something changes?

Image

Jan

https://www.phoca.cz/phoca-upgrade-system-plugin

Re: White box around "add to cart" & "Quick View"

Posted: 08 May 2018, 14:59
by Scorptech
Hi,

Thank you for your quick reply.

Yes, I've installed the plugin and it still happens.

The link to the demo site is:-

http://d1343868-94240.blacknighthosting.com/

Regards

Re: White box around "add to cart" & "Quick View"

Posted: 09 May 2018, 10:35
by Jan
Hi, hmmm, the problem is in this file:


/media/gantry5/assets/css/bootstrap-gantry.css
(bootstrap 2.3.2)

What happen when you disable loading of Bootstrap in Phoca Cart Options?

Jan

Re: White box around "add to cart" & "Quick View"

Posted: 09 May 2018, 11:32
by Scorptech
It worked but I didn't like the format of the graphics. It looked better with the bootstrap version.

I tried the dPhoca bootstrap with different options but nothing worked unless I switched it off but the graphics are not as nice.

Regards

Re: White box around "add to cart" & "Quick View"

Posted: 09 May 2018, 14:41
by christine
Hi,

you could try (adding):

Code: Select all

div.modal {
background:transparent;
box-shadow:none;
border:none;	
}
Kind regards,
Christine

Re: White box around "add to cart" & "Quick View"

Posted: 09 May 2018, 14:51
by Scorptech
I'm not very familiar with coding, were would I add that?

Thanks

Re: White box around "add to cart" & "Quick View"

Posted: 09 May 2018, 15:38
by Jan
This way it works on my test server (Gantry 5, Phoca Cart 3.1.0 Beta):


Re: White box around "add to cart" & "Quick View"

Posted: 09 May 2018, 15:43
by Jan
I'm not very familiar with coding, were would I add that?
To your template CSS (the best way is to add it to latest loaded CSS)

Jan

Re: White box around "add to cart" & "Quick View"

Posted: 09 May 2018, 17:12
by Scorptech
My template is Gantry 5 (although I know this is a framework), I wasn't planning on using any other template unless you have a suggestion on a template that you could recommend? Can you tell me what template you are using in your video?

Is there a site that I can view or download templates (not just the default Phoca ones).

Thanks