Making a Grid Gallery


How do I make a Grid Gallery asset?


  • Omni CMS


Within gallery options there is an advanced edit section that will need extra settings to determine gallery style, number of columns, and thumbnail style.


An image gallery asset must be created and then added to the page using the WYSIWYG's edit view. These image galleries are supported anywhere the asset can be added to your pages. There are two types of gallery configurations available: Carousel or Grid. The following steps are for creating an image gallery asset and configuring a Grid Gallery to be used on a page. 

  1. In Omni CMS select Content and click Assets from the navigation bar. 
  2. Click New, select Image Gallery
  3. Fill out required fields to create the asset; click Create.
    Note: Be sure to set the appropriate Access Group and Available To groups when creating an asset.  
  4. Once the Image Gallery asset is created modifications can be made and images can be added. 
  5. Configure the Gallery Options: 
    • The Advanced section requires additional lines of code. Copy code from the Code Generator in the next step.
    •   Use the Code Generator to generate the necessary lines of code to configure the Grid Gallery. 
    • Paste the code from the Code Generator into the Advanced section.  
  6.  Add images to be included in the gallery by dragging images or select Upload Images. Details about image sizing can be found at the Omni CMS Example Site Grid Galleries page. Each image that you upload will have the following items: 
    • Title: The displayed name of the image in carousel view. 
    • Description: The text that will display over the image in carousel view.
    • Caption: The description that will display when a user hovers on an image. 
      • Note: While captions aren't required to save your gallery, they are required for Final Check Accessibility scan. This field is used for the images alternative description. 
    • Link: The URL to open when clicking on the image.
  7. Click Save when finished.
  8. Navigate to the page you want to add the asset to.
  9. Click Insert Asset in the page editor tool bar.
  10.  Filter by Image Gallery, locate and select the Image Gallery asset created earlier, click Insert.
  11. The grid gallery has now been added as an asset to the page, save and publish as necessary.
Print Article


Article ID: 3277
Tue 4/23/19 2:58 PM
Thu 10/26/23 2:24 PM

Related Articles (4)

Instructions for adding an asset (reusable content, galleries, & forms) to a page in Omni CMS.
Instructions for creating a form on a WKU page through Omni CMS.
Instructions to fix the accessibility final check critical problem Images must have alternate text.
Instructions for adding a slider (carousel image gallery) to the top of a page above the page's title and content in the new Site Template.