Help & support

Udo Support

Add a Gallery

How to add galleries to your Udo website

Galleries are a popular way of integrating images into a website, allowing visitors to see several images clearly at once, with a light box feature so visitors can get a better look.

Option 1: Gallery by Grid block

  1. Login to your Udo website admin
  2. Double click on the page you want to edit.
  3. Click on the Pencil/Design icon to view the block handles.
  4. Drag 'Grid' block into your Udo page builder, and drop into the dotted grey drop area (will highlight red when you are in the right spot) on the page where you what it.
  5. Drag images from your computer or your Udo websites media section and drop them into the 'Grid' block that you drop on Udo page builder.
  6. Click on the "Add" and "Remove" button to change how many items that display each row.
  7. Switch to Mobile and Table view and repeat step 6.

Option 2: Gallery from linked images

  1. Login to your Udo website admin
  2. Double click on the page you want to edit.
  3. Click on the Pencil/Design icon to view the block handles.
  4. Drag images from your computer or your Udo websites media section and drop them into the pages "Linked items" area.
  5. Drag a gallery block into your Udo page builder, and drop into the dotted grey drop area (will highlight red when you are in the right spot) on the page where you want it.
  6. In the slide-in window, make sure the relation field shows "child" and the group field enter '1'.
  7. Click on the select button on the top left of the pop-over window.
  8. Click on the "Add" and "Remove" button to change how many items that display each row.
  9. Switch to Mobile and Table view and repeat step 8.

Option 3: Gallery tagged images

Login to your Udo website admin

  1. Open the Media section, open the images that you wish to display in your new gallery. 
  2. Tag each image with a unique tag that describes the image set.
    (Please Note: Tags can only contain numbers, letters and dashes (-), and must start with a letter)
  3. Open the page/product/category you want to add your Gallery too.
  4. Click on the Pencil/Design icon to view the block handles.
  5. Drag a gallery block into your Udo page builder, and drop into the dotted grey drop area (will highlight red when you are in the right spot) on the page where you want it.
  6. In the slide-in window, set the relation field to "No Relation", remove number in group field and put the tag you added to the images earlier in the tag field.
  7. Click on the select button on the top left of the pop-over window.
  8. Click on the "Add" and "Remove" button to change how many items that display each row.
  9. Switch to Mobile and Table view and repeat step 8.
Website by: