Announcement

Collapse
No announcement yet.

Native Modal Dialog?

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

  • Native Modal Dialog?

    Is there a native modal dialog in Iron & Wool?
    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

  • Hi Bruce,

    Iron & Wool does contain an older version of the Magnific Popup plugin [ http://dimsemenov.com/plugins/magnific-popup/ ] in its code base.
    Matt Zimmermann
    Director of UI/UX Standards and Theme Development
    / Miva, Inc.

    Comment


    • Excellent. Thanks.

      Random thought, perhaps a Framework Readme or something could contain these nuggets of wisdom? I've seen a number of ReadyTheme installations where the store owner (or someone) pulled in yet another resource to do something that was already in the mix...although i don't really know how many would read that info anyway.
      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


      • Already in the mix for the next generation of ReadyThemes.
        Matt Zimmermann
        Director of UI/UX Standards and Theme Development
        / Miva, Inc.

        Comment


        • Kinda mirroring Bruce. I think if the resources in the box were presented well, so the end user knew of these resources already, that creates an experience of "I can use a modal here by adding to or changing the template." Another effect might be that the "integrator" had an idea there was a function that was "in the box" there would be an automatic search for a "how to" implement. The store may be simply looking for the information to get it working now and the developer may likely look for more technical information to implement all potential capability of the function.

          Like Bruce, currently I don't know these "in the box" functions that might exist across all of the Ready Themes; except for Base, which I've used the most, and has a great amount of external support because it's Twitter Bootstrap.

          Scott
          My T-shirt Collection is mostly MivaCon T-shirts!!
          Interactive Design Solutions
          MivaMerchant Business Partner | Certified MivaMerchant Web Developer
          http://www.southbound.com
          Popular Modules and Integrations:
          Product Copy | Wholesale Pricing | AutoBaskets

          Comment


          • Originally posted by Matt Zimmermann View Post

            Iron & Wool does contain an older version of the Magnific Popup plugin [ http://dimsemenov.com/plugins/magnific-popup/ ] in its code base.
            And what would be the best way to use this? I need to include a popup chart (or two) on the product page. I like how the Quick View on the category page works and I'd like to emulate to a certain degree. I'm thinking I should be able to pull it in similarly to how the Quick View button pulls in Quick View page (but without all of the dynamic comings and goings).

            So I'm also piling on with needing some how-tos but more like now instead of later...

            Leslie Kirk
            Miva Merchant Certified Developer
            Miva Merchant Specialist since 1997
            Previously of Webs Your Way
            (aka Leslie Nord leslienord)

            Email me: [email protected]
            www.lesliekirk.com

            Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

            Comment


            • Hi Leslie,

              If it is a simple/static pup up you are looking for, I would emulate the way the forgot password ones are set up http://ironwool.mivamerchantdev.com/...er-log-in.html
              Matt Zimmermann
              Director of UI/UX Standards and Theme Development
              / Miva, Inc.

              Comment


              • Thanks Matt! I think that will do exactly what I need
                Leslie Kirk
                Miva Merchant Certified Developer
                Miva Merchant Specialist since 1997
                Previously of Webs Your Way
                (aka Leslie Nord leslienord)

                Email me: [email protected]
                www.lesliekirk.com

                Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                Comment


                • Originally posted by lesliekirk View Post
                  Thanks Matt! I think that will do exactly what I need
                  Now to figure out how to make it work...since it's javascript is for the forgot password...
                  Leslie Kirk
                  Miva Merchant Certified Developer
                  Miva Merchant Specialist since 1997
                  Previously of Webs Your Way
                  (aka Leslie Nord leslienord)

                  Email me: [email protected]
                  www.lesliekirk.com

                  Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                  Comment


                  • Originally posted by lesliekirk View Post

                    Now to figure out how to make it work...since it's javascript is for the forgot password...
                    Seems like theme is using a MagnificPopup, it's a jQuery plugin
                    They have a lot of "howto" examples on their page: http://dimsemenov.com/plugins/magnific-popup/

                    Comment


                    • Originally posted by AHerb View Post

                      Seems like theme is using a MagnificPopup, it's a jQuery plugin
                      They have a lot of "howto" examples on their page: http://dimsemenov.com/plugins/magnific-popup/
                      This is why #1 on my ReadyTheme wish list is the use of STANDARD jQuery widgets...as they are usually well documented by the hordes of other users (Stackoverflow will be your BFF) :)
                      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


                      • Originally posted by Bruce - PhosphorMedia View Post

                        This is why #1 on my ReadyTheme wish list is the use of STANDARD jQuery widgets...as they are usually well documented by the hordes of other users (Stackoverflow will be your BFF) :)
                        Do you think the average store owner will be able to follow along with Stackoverflow? I'm trying to KISS it.

                        FYI - I did get it working by using a basic example from the docs as referenced

                        Iron & Wool does contain an older version of the Magnific Popup plugin [ http://dimsemenov.com/plugins/magnific-popup/ ] in its code base.
                        and

                        They have a lot of "howto" examples on their page: http://dimsemenov.com/plugins/magnific-popup/
                        Leslie Kirk
                        Miva Merchant Certified Developer
                        Miva Merchant Specialist since 1997
                        Previously of Webs Your Way
                        (aka Leslie Nord leslienord)

                        Email me: [email protected]
                        www.lesliekirk.com

                        Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

                        Comment


                        • Hi Leslie,

                          Here's the basic code you would need to create an inline pop up similar to the forgot password one. Add the HTML to the footer of the page and the JavaScript to the page function in the scripts.js file.

                          HTML
                          HTML Code:
                          <div id="js-ID_TO_CALL" class="row mfp-hide CLASS_FOR_STYLING">
                              <h4>TITLE (optional)</h4>
                          
                              CONTENT
                          </div>
                          JavaScript
                          Code:
                          $('#js-ID_OF_TRIGGER_ELEMENT').magnificPopup({
                              items: {
                                  src: $('#js-ID_TO_CALL'),
                                  type: 'inline'
                              }
                          });
                          Matt Zimmermann
                          Director of UI/UX Standards and Theme Development
                          / Miva, Inc.

                          Comment


                          • Originally posted by lesliekirk View Post

                            Do you think the average store owner will be able to follow along with Stackoverflow? I'm trying to KISS it.

                            FYI - I did get it working by using a basic example from the docs as referenced

                            and
                            Well, basic store owners should be using Point and Click and all that using common widgets changes is we don't have besieged Brennan and Matt with 'how do i..." on a daily basis :)


                            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


                            • As a side note, ReadyThemes 2.0 does come with a "native" modal/light-box/pop-up component which is very lightweight and simple to use.
                              Matt Zimmermann
                              Director of UI/UX Standards and Theme Development
                              / Miva, Inc.

                              Comment

                              Working...
                              X

                              This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

                              This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

                              Accept