Loading ...

Carousel w/ Photo Widget | Communifire Support

Home » Spaces » Communifire Support » forum » Features and Functionality » Carousel w/ Photo Widget
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Add a new tab

Add a hyperlink to the space navigation. You can link to internal or external web pages. Enter the Tab name and Tab URL. Upload or choose an icon. Then click Save.

The name that will appear in the space navigation.
The url can point to an internal or external web page.
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Features and Functionality

Carousel w/ Photo Widget

Subscribe to RSS
  • kcina

    Hello,

    Is it possible to have an image in a carousel that either doesn't link to anything, or links to an outside website, such as our cloud account? For example, we would like to add a photo to a carousel with imagery and dates of our next convention, basically a sort of announcement that would not link to any intranet page or wiki page, it would just be a static image within the carousel. The carousel would also contain other images that might link to wiki pages or spaces etc. 

    Is this possible to do?

    Thanks!

    Kayla

  • gskamau
    Answered

    Hey Kayla,

    You can accomplish this by adding a static slide to the carousel template. I would recommend creating a new carousel template, so other carousels don't display the static slide as well.

    1. Go to Control Panel > System > Page Builder Templates
    2. Copy the carousel code and Add Page Builder Template 
    3. Enter a template name and select Content List as the widget type
    4. Paste the code in the code editor
    5. Copy the code that is between the lines {{#each Contents}} and {{/each}}
    6. Paste that code above the {{#each Contents}} line to make the slide appear at the beginning, or paste the code below the {{/each}} line to make it appear at the end
    7. In that code snippet, replace all the parts in curly braces with your static content
    8. Save the template
    9. On your Page Builder page, edit the widget, and select the new template in the Templates tab

    Grace

  • cdale

    Hey  Grace Kamau ! 

    Is there a way to edit the static photos/links in the actual widget vs the template? 

    Thanks!
    Chloie

  • gskamau

    Hey Chloie,

    Could you clarify what you want to do? The carousel widget pulls content from spaces and can be filtered by space, author, tag, etc. The content in the widget depends on what content is created in spaces.

    Grace

  • cdale

    Grace Kamau , 

    We'd like to link images to pages/outside links in a carousel widget. We'll use this as a banner on our home page and sometimes have banners that link to specific pages, blogs, outside links. The fix you provided above works, but we're hoping there is an easier way to update the images and links than going into the page builder template each time we switch out an image or link. 

    Thanks, 

    Chloie

  • gskamau

    Hey Chloie,

    You can do this using the Photos content type and the URL Mapper :

    1. In a space, Create Photo Album and Add Photos you want to appear in the carousel.
    2. Set the photo captions to the text you want to appear in the carousel.
    3. Go to Control Panel > System > URL Mapper.
    4. Add URL Mappings to redirect the photos to the other pages and outside links. When users click on a photo in the carousel, they will be redirected to the link you added a mapping for.
    5. In Page Builder, add a Content List widget then click the gear icon > Edit Properties.
    6. Under Content types, select Photo.
    7. Under Spaces, select the space you uploaded the photos in.
    8. Click the Advanced tab.
    9. Under Parent content, select the album you created.
    10. Save the widget and publish the page.

    When you want to update the images in the carousel, just add or delete photos in the album and URL mappings in Control Panel.

    Grace

  • cdale

    Grace Kamau thank you! That worked perfectly. 

    One other question, is there a way to order the photos in an album manually? 

    Thanks!

  • gskamau
    Answered

    Hey Chloie,

    It isn't possible to order photos manually. Alternatively, you can use the Articles or Blogs content type, and set a Publication date to order the content.

    Grace

  • cdale

    Grace Kamau  gotcha. 

    Thanks!

    Chloie

Page 1 of 1 (9 items)