Content Collections - HL Vanilla Community
<main> <article class="userContent"> <p>Is there specific content across your <strong>Higher Logic Vanilla (Vanilla)</strong> community you want to group together in order to easily present it to your users? </p><ul><li>With the <strong>Add to Collection</strong> feature, you can create curated feeds of content for your custom layouts. </li><li>In this article, we'll walk you through the process.</li></ul><p><strong>📝 NOTE</strong>: Currently, you can only add <strong>discussions</strong>,<strong> ideas</strong>,<strong> </strong>and <strong>questions </strong>to a Collection, but this will expand to other content types in the future.</p><h2 data-id="required-permissions">Required permissions </h2><p>A user must belong to a Role with the following permission to manage Collections.</p><ul><li><code class="code codeInline" spellcheck="false" tabindex="0">Garden > Community > Manage</code> </li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/CD4ZRJ6LL2WX/required-permission.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/CD4ZRJ6LL2WX/required-permission.png" alt="required_permission.png" height="322" width="960" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="create-a-collection">Create a Collection </h2><p>1. Navigate to the <strong>Recent Discussions</strong> page.</p><p>2. Click the <strong>ellipsis menu (...)</strong> for any discussion, idea, or question, followed by <strong>Add to Collection</strong>.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/IGUX3APDAEM1/add-content-to-collection.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/IGUX3APDAEM1/add-content-to-collection.png" alt="add_content_to_collection.png" height="533" width="1008" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <p>3. In the dialog, click <strong>Add New Collection</strong> to create a text field where you can enter a name for your Collection. You can repeat this multiple times if you want to create more than one Collection.</p><p><strong>📝 NOTE</strong>: You cannot have duplicate names for your Collections; names are also <em>case-insensitive</em>, so "World Fair" and "world fair" are considered duplicates.</p><p>4. When finished, click <strong>Submit </strong>to create your Collection(s), making them available to add content to.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/N9427JI7AKWU/add-content-to-collection-2.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/N9427JI7AKWU/add-content-to-collection-2.png" alt="add_content_to_collection-2.png" height="563" width="840" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h2 data-id="addremove-content-to-collection(s)">Add/remove content to Collection(s)</h2><p>1. Navigate to the <strong>Recent Discussions</strong> page.</p><p>2. Locate the content you want to add/remove to/from a Collection. Then, click the <strong>ellipsis menu (...)</strong>, followed by <strong>Add to Collection</strong>.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/T43EGKD8V0EL/create-collection-1.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/T43EGKD8V0EL/create-collection-1.png" alt="create_collection-1.png" height="533" width="1008" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <p>3. In the dialog, any Collections the content currently belongs to are displayed. Click the dropdown to add or remove Collections (you can also click the <strong>X</strong> to remove a Collection).</p><p>4. When finished, click <strong>Submit </strong>to finalize your changes.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/N8VLJTNLULQK/add-content-to-collection.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/N8VLJTNLULQK/add-content-to-collection.png" alt="add_content_to_collection.png" height="559" width="855" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <h2 data-id="display-a-collection-of-content">Display a Collection of content</h2><p>Now that you've created a Collection and added content to it, let's learn how to display a Collection of content to your users. </p><ul><li>A Collection is presented to users via the <strong>Featured Collections</strong> widget, which can be added to any of your layouts via the <strong>Layout Editor</strong>.</li></ul><p>1. In the Dashboard, edit one of your layouts. (For help on how to access the Layout Editor, check out <a href="https://success.vanillaforums.com/kb/articles/544" rel="nofollow noreferrer ugc">this article</a>.)</p><p>2. Click one of your layout sections and add the <strong>Featured Collections</strong> widget to it.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/UMPEWRLKFRTQ/display-collection-1.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/UMPEWRLKFRTQ/display-collection-1.png" alt="display_collection-1.png" height="877" width="1000" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <p>3. You're now configuring the Featured Collections widget.</p><ul><li>First, click the <strong>Add Collection</strong> dropdown and select the Collection to display in the widget. <strong>📝 NOTE</strong>: <em>You can only display one Collection per widget</em>.</li><li>Configure the widget using any of the remaining options. (To learn about widget configuration options, check out <a href="https://success.vanillaforums.com/kb/articles/547" rel="nofollow noreferrer ugc">this article</a>.)</li><li>When finished, click <strong>Save </strong>to apply your changes.</li><li><strong>Save </strong>and <strong>Apply </strong>your layout. (For help with applying layouts, check out <a href="https://success.vanillaforums.com/kb/articles/546" rel="nofollow noreferrer ugc">this article</a>.)<p><br></p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/Y2US6O4T1GA0/display-collection-2.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/Y2US6O4T1GA0/display-collection-2.png" alt="display_collection-2.png" height="865" width="1125" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p></li></ul> </article> </main>