Display a Single Catalog

If your catalogs should be presented through a different landing pages, you can direct the embed code to access a single catalog. This method is more common when an institution needs to publish both a Graduate and an Undergraduate catalog at the same time.

Note: When using this method, you will only be able to display a single catalog at a time. Each year when you publish a new one, you will need to update the embed code.

If you will be displaying catalogs on different pages, then you will need to first locate the catalog's ID. To find this ID, access Catalog and select the specific catalog you would like to display. The ID will display within the URL for that catalog, following https://monsters2-stg.kuali.co/catalog/#/catalogs/, and will appear as a string of numbers and letters.

When you have identified this ID, you can copy it and add it into the embed code along with the text, window.catalogID='623e17717da9be51dfd27435', and place it just below the line for window.subdomain.
When assembled, your embed code will now resemble this:

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://monsters.kuali.co/catalog/build/catalog.css">
  </head>
  <body>
   <!-- Your website header here -->
    <div> Check out this sweet catalog! </div>
    <div id="kuali-catalog"></div>
    <!-- Your website footer here -->
    <script>
      window.subdomain='https://monsters.kuali.co'
      window.catalogId='623e17717da9be51dfd27435'
    </script>
    <script src="https://monsters.kuali.co/catalog/build/catalog.js"></script>
  </body>
</html>

Note: If you find that your catalog does not display after installing the snippet, double check that:


<script>
      window.subdomain='https://monsters.kuali.co'
      window.catalogId='623e17717da9be51dfd27435'
    </script>

is entered without any additional spacing before or after the = and that catalogId is entered exactly as shown here - changing it to catalogID will not display correctly.

Articles in this section

Comments

Articles in this section

Related articles