MFN Integration Guide
  • What is MFN
  • Overview
    • Getting started
    • Integration methods
    • Disclaimer / IPO
    • Caching
    • Checklist after integration
  • Integration methods
    • On-Demand API
    • Synced API
    • MFN Loader
    • IFrame Widget
  • Wordpress Plugin
  • MFN Widgets
    • Report archive
    • Email Subscription Widget
    • Media collection
  • API
    • Feed
    • Model
      • Tags
    • Demo Data
    • WebSub
      • Endpoint
      • Subscribe (optional)
      • Ping Extension (optional)
      • Code samples
      • Misc
    • Archive
    • Email Subscription Guide
Powered by GitBook
On this page
  • Implementation
  • Exempel

Was this helpful?

  1. MFN Widgets

Media collection

PreviousEmail Subscription WidgetNextFeed

Last updated 9 months ago

Was this helpful?

Each media collection is added through the MFN Editor and then integrated using a TOKEN provided by Modular Finance.

The Media collection can be styled using CSS.

It can be used to show media for the press such as logos, products, and board members.

Implementation

<div id="media-collection"></div>

<script>
   (function(widgets) {
        var url = "https://widget.datablocks.se/api/rose";
        if (!window._MF) {
            var b = document.createElement("script");
            b.type = "text/javascript";
            b.async = true;
            b.src = url + "/assets/js/loader-v3.js";
            document.getElementsByTagName("body")[0].appendChild(b);
            }
            window._MF = window._MF || {
            data: [],
            url: url,
            ready: !!0,
            render: function() { window._MF.ready = !0 },
            push: function(w) { window._MF.data.push(w) }
            };
            window._MF.push(widgets);
    })([{
        query: "#media-collection"
        ,widget: "media-collection"
        ,locale: "en"
        ,token: "<TOKEN>"
    }]);
</script>

Exempel

The following examples have added their own custom styles

The media collection can be implemented with the as shown bellow. It can also be implemented with shortcodes using the .

Haki Safety
Eolus
Datablocks plugin
Example of Media Collection
JS-Loader