Add to Cart Functionality

[afiumano]

Is there a way to force the mini-basket popup to appear inside the user's viewport no matter if on desktop or mobile or if scrolled down on the page? It seems that would be a lot more user friendly based on other sites I have checked out to be able to continue to checkout if needed.

[Matt Zimmermann]

Are you referring to having a floating mini-basket that stays in the same place on the screen as you scroll?

[afiumano]

No - just have the mini basket popup in the middle of the viewport when the Add to Basket is clicked so it is easier to checkout upon adding the item - especially on mobile.

They have a lot of attributes on the products so the cart button is down the page a bit in desktop and mobile.

[Matt Zimmermann]

Ah, I see. Something like that would require coding the mini-basket as a modal element, akin to a dialog. There is not currently an extension for this in the ReadyThemes, however I will add it to the list for future development.

[Bruce - PhosphorMedia]

Meanwhile, if you can find a modal plugin/feature, all that would be need is to add the Mini-basket item where that modal's content belongs and hookup the trigger. (hint, look for and use the same ID/Class that the current mini-basket has.

[afiumano]

There is a built in modal feature that I think is used for the product images - mini modal? (https://docs.miva.com/readytheme-sha...tml#mini-modal) That should work right? I also have lightgallery installed for some other image popups.

[Matt Zimmermann]

You should be able to link into that one or your light gallery plugin.

[Bruce - PhosphorMedia]

There is a built in modal feature that I think is used for the product images - mini modal? (https://docs.miva.com/readytheme-sha...tml#mini-modal) That should work right? I also have lightgallery installed for some other image popups.

As Matt said, yes. Either one would work. My approach would be to use a ReadyTheme content section, that contained the same HTML markup of Model of choosing, then call the mini-basket item or basket item in the 'body content' section of the modal. (That should work...but not tested as I don't use RT that much.) You'll have to of course, change the 'target' identifier and copy and modify the 'trigger'.