Announcement

Collapse
No announcement yet.

Add to Cart Functionality

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Add to Cart Functionality

    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.

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

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      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.

      Comment


        #4
        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.
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment


          #5
          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.
          Bruce Golub
          Phosphor Media - "Your Success is our Business"

          Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
          phosphormedia.com

          Comment


            #6
            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.

            Comment


              #7
              You should be able to link into that one or your light gallery plugin.
              Matt Zimmermann

              Miva Web Developer
              Alchemy Web Development
              https://www.alchemywebdev.com
              Site Development - Maintenance - Consultation

              Miva Certified Developer
              Miva Professional Developer

              https://www.dev4web.net | Twitter

              Comment


                #8
                Originally posted by afiumano View Post
                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'.
                Bruce Golub
                Phosphor Media - "Your Success is our Business"

                Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                phosphormedia.com

                Comment

                Working...
                X