Native Modal Dialog?

[Bruce - PhosphorMedia]

Is there a native modal dialog in Iron & Wool?

[Matt Zimmermann]

Hi Bruce,

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

[Bruce - PhosphorMedia]

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.

[Matt Zimmermann]

Already in the mix for the next generation of ReadyThemes.

[ids]

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

[lesliekirk]

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

[Matt Zimmermann]

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

[lesliekirk]

Thanks Matt! I think that will do exactly what I need

[lesliekirk]

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

[AHerb]

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/

[Bruce - PhosphorMedia]

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) :)

[lesliekirk]

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/

[Matt Zimmermann]

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

<div id="js-ID_TO_CALL" class="row mfp-hide CLASS_FOR_STYLING">
    <h4>TITLE (optional)</h4>

    CONTENT
</div>

JavaScript

$('#js-ID_OF_TRIGGER_ELEMENT').magnificPopup({
    items: {
        src: $('#js-ID_TO_CALL'),
        type: 'inline'
    }
});

[Bruce - PhosphorMedia]

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 :)

[Matt Zimmermann]

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.