Skip to content

Collection Spotlight Grid#

Primarily used on the Books Movies Music pages to display a 4-column row of single-cover catalog promos. Each grid row must contain 4 collection spotlights across.

block image 1

Create Collection Spotlight in Library Catalog#

  1. Go to the library catalog, create a list, and add items to the list. If you already have a list, skip this step.

  2. Go to the lists page:

    1. Click the user icon in the upper right. block image 1

    2. Select “lists” from the menu. block image 1

  3. On the list page, click the Edit button. block image 1

  4. On the edit screen, mark the list public. Your list must be public to create a collection spotlight. block image 1

  5. Once your list is marked public, you have the option to include or exclude the list from search results. Select yes or no, then click Update to save your changes. block image 1

  6. After saving your changes, you’ll see “create spotlight” at the top of your list. Click “create spotlight.” block image 1

  7. You’ll be asked to give your spotlight a name. We recommend naming the spotlight the same as your list so the spotlight and list titles match. IMPORTANT! Your spotlight title must have less than 50 characters. block image 1

  8. On the next page, we need to customize the spotlight. Click Edit. block image 1

  9. Fill out the following fields:

    1. Name: If you need to edit the spotlight name, do it here. The name must be less than 50 characters. block image 1

    2. Description: Add a note about where the spotlight is used. If you’re adding to a blog post, type something like “spotlight for newbery winners blog post 2015.” block image 1

    3. Number of Titles: Default is 25, which is generally a good number. You can make this smaller if you like. block image 1

    4. Uncheck the next three boxes. We do not want to show the title, author, or ratings for titles. block image 1

    5. Style When Displaying List Widget: Choose Single Title. block image 1

    6. Cover Size to Use: Choose Medium. block image 1

    7. Custom CSS File: Use https://assets.library.nashville.org/css/aspen-widgets.css block image 1

    8. Cover Size to Use: Medium block image 1

    9. For the next two boxes: Uncheck “show list widget title bar.” But DO check “show the view more link.” block image 1

    10. Display Mode for Search Results: Choose Covers. block image 1

  10. Click Save Changes and Return. block image 1

  11. Scroll down until you can see the “Collection Spotlight with Resizing” code. Copy ONLY the iFrame URL -- this is the URL in the blue box above the iFrame code. You do NOT need the entire iFrame code snippet. You only need the URL, like the example highlighted below. block image 1

Add a Catalog Spotlight (Widget) Grid to the Website#

  1. Add the Catalog Widget Grid component to your page. block image 1

  2. Fill out the form: block image 1

    1. Title and iFrame Title: The type title for your widget that will display to the user.
    2. iFrame URL: Paste the iFrame URL from the widget code in catalog.
    3. iFrame Title: Use the same title in both the Title and iFrame Title fields.
  3. Repeat the steps above until you have 4 catalog widgets. You must have 4 widgets in a row.

  4. To add another row of 4 single-cover catalog widgets, repeat steps 1-3 above until you have 4, 8, 12, etc., widgets in your grid.