Jump to content

Foundation skin v6.0.12 add to basket pop up problems


Dr. Gonzo
 Share

Recommended Posts

Hello all,

I seem to be having a problem with the Foundation skin and the add to basket popup that appears when you click the add to basket button. On a regular browser such as IE or Firefox it works fine however when browsing on a mobile device such as a phone, the popup window is cut off by the menu bar. Anyone know how I can fix this? For now I have the cart set to go to basket on add but it makes it easier to continue shopping if I could have this popup working on mobile devices.

Link to comment
Share on other sites

Firefox has a "Responsive Design View" (menu, Developer. RDV). The browser then shows what the page will look like as if it were being seen on a narrow viewport.

It is up to the browser to respond to a query by javascript with a value of how wide the viewport happens to be. The javascript then can maipulate certain DOM nodes and CSS rules to create the appropriate layout.

As such, Add to Basket will "popup" a simple green bar in the middle of the viewport saying the item has been added. This is not the same as a much wider viewport showing the box containing all the items, prices, and total.

I trust Firefox's RDV. (I don't do mobiles.)

If anyone else can confirm your observations on their mobile, we might have a way to troubleshoot.

In the meantime, can you say that you have not modified your installation of Foundation in such a way that might cause this anomaly? May we have a web address to experiment with?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...