Change Collection

Allow users to click through Collections from a single page layout and URL.

Use the Change Collection Delegate to change the Collection shown on a page, without changing the URL, while a Livefyre App is already loaded. Use this feature to display photo or video galleries, or other Apps where the displayed Collection should change after a user action.

For example, clicking a video or photo in a gallery will load a Collection specific to that selection, while the URL of the page will not change.

To load one of three Collections from a single page:

<script src='//'></script>
<script type="text/javascript">
convConfig1 = {"collectionMeta": <COLLECTION META 1>,
             "checksum": <CHECKSUM 1>,
             "siteId": <SITE ID>,
convConfig2 = {"collectionMeta": <COLLECTION META 2>,
             "checksum": <CHECKSUM 2>,
             "siteId": <SITE ID>,
convConfig3 = {"collectionMeta": <COLLECTION META 3>,
             "checksum": <CHECKSUM 3>,
             "siteId": <SITE ID>,

Livefyre.require(['fyre.conv#prod'],function(Conv) {
    new Conv({"network": "<NETWORK NAME>"},
    function(app) {
        window.changeConv = app.changeCollection;

<div id="livefyre"></div>
<button onclick="window.changeConv(convConfig1);">Conv 1</button>
<button onclick="window.changeConv(convConfig2);">Conv 2</button>
<button onclick="window.changeConv(convConfig3);">Conv 3</button>

On this page