Display a Collection on Your Page

  • Once you have created a collection, you will need to add it into the metadata of the page on which you want it to display. You can also remove a collection from a page where it’s already displayed.

    The initial steps for editing through the web browser will vary depending on whether or not your website has been converted to the new design, or if it an unconverted (original) site.

    Converted Website

    1. Make a note of the exact name of the collection to be displayed.
    2. Log into staging, and go to a web page in the staging web browser on which you want to display the collection. Click Switch to Edit in the toolbar at the top of the page. (You can also open a page layout from within the workarea.) Switch to Edit button in top-of-page toolbar
    3. Click on Design, which will open the PageBuilder menu.
    4. In the top section (Page Action) click on Edit.
    5. When the page reloads, click on the Widgets tab in the PageBuilder menu. (If the PageBuilder menu is not visible, click on Content in the top toolbar, then click Design again.)
    6. In the Widgets tab, click once on IUPCollection. The page will now display all of the areas where the collection could be located. Click on one of them to select it.
    7. When the page reloads, mouse over the collection widget on the page and click on the Edit (pencil) icon at the top of the black Collection Widget box.
    8. The Collection Widget menu box will appear. The top dropdown field, Collection ID, will show every collection on your website. Choose the one you want to display.
    9. By default, titles of collections will not display. But you have the option to show them, if you choose.
    10. The Page Size field should already be set to 100.
    11. Leave the other options as they are, and click Save at the bottom.
    12. When the page reloads, the collection will appear.
    13. If you need to move the collection to a different location on the page, click the Move icon (four-way arrow) at the top of the Collection Widget black box, and choose another location.
    14. When you are finished, you must select Check In or Submit from the Page Action field of the PageBuilder menu. 

    Unconverted Website:

    1. Make a note of the exact name of the collection to be displayed.
    2. In the CMS Workarea, navigate to the page where you want the collection to appear.
    3. Click the Edit button, and wait for the content to open.
    4. Click on the Metadata tab and go to the Collection Block.
    5. Click on Edit. The Select Collection screen will come up. This multi-page screen contains all the collections available on the website. They are in alphabetical order, and there is no search function. This is why you need to know the exact name of the collection. At the bottom right of each page is a box where you can enter a page number, so you can start narrowing down your search to locate the collection.
    6. Once you have found the collection, click once on the collection title. The collection will appear at the bottom of the screen with a checked box to the left of it.
    7. Click on Add Selection. The collection block you selected will be added to the Collection Block on the metadata tab.
    8. Check in or submit the content item as appropriate.

    Note: Collections, as well some other content that you add to the page on the Metadata tab, will not appear in the browser, even in preview mode, until the content item to which it was added has been published.

    Normally, the title of a collection will not appear on the webpage. However, if more than one collection is displayed on a page, then the collection titles will appear, as well as the collection's description (if it has one). In this case, the collection titles (and/or descriptions) should be edited so as to make sense to site visitors.

    To Edit a Collection:

    • In the folder where the collection is located, hover over View and choose Collection.
    • Click on the collection to view its contents.
    • Click on the Properties icon, just to the left of the “Language” dropdown menu.
    • Click the Edit button. Here, you can edit the title and/or the description (but remember, these will only appear if more than one collection is being displayed on a single page).
      • Do not do anything with the Template field, nor change the two checkboxes at the bottom.
    • When finished, click Update. 

    To Remove a Collection from a Page (unconverted websites):

    Just as you can make a collection appear on your page using the metadata, you can also remove it from your page using the metadata.

    1. In the Workarea, navigate to the main content block of the page on which the collection displays.
    2. Open the content block for editing.
    3. Click on the Metadata tab and go to the Collection Block.
    4. Click on Clear, and the collection will be removed from the metadata. (If you wish to add another collection(s) in addition to the one already there, click on Edit, and follow steps five through eight above.
    5. Submit the content item as appropriate.

    Note: You should remove the collection from the page(s) on which it is displayed before deleting the collection itself. Deleting a collection that is being displayed on active webpages tends to create problems on those pages.