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

Phoca Cart - complex e-commerce extension
Scorptech
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 08 May 2018, 10:23

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

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

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

Post 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
If you find Phoca extensions useful, please support the project
Scorptech
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 08 May 2018, 10:23

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

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

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

Post 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
If you find Phoca extensions useful, please support the project
Scorptech
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 08 May 2018, 10:23

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

Post 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
christine
Phoca Hero
Phoca Hero
Posts: 2819
Joined: 28 Nov 2010, 17:20

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

Post by christine »

Hi,

you could try (adding):

Code: Select all

div.modal {
background:transparent;
box-shadow:none;
border:none;	
}
Kind regards,
Christine
Scorptech
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 08 May 2018, 10:23

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

Post by Scorptech »

I'm not very familiar with coding, were would I add that?

Thanks
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

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

Post by Jan »

This way it works on my test server (Gantry 5, Phoca Cart 3.1.0 Beta):

If you find Phoca extensions useful, please support the project
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

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

Post 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
If you find Phoca extensions useful, please support the project
Scorptech
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 08 May 2018, 10:23

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

Post 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
Post Reply