toggle mobile menu

Creating and editing lists - Best practices


Add a list of items of similar layout. Options include different item types and defining the amount of items side by side. Lists can be used for many purposes including product or service listings and image galleries.

editing website list content

VIDEO:
Editing lists

Creating a list


Click on an empty element to add List as the content type.

LiquidBlox editor - list as a content type

Step 1 - Item type


After selecting List as the content type you can choose the list item type (layout).

LiquidBlox editor - list items side by side

Step 2 - Side by side


Select how many items are shown side by side (columns).

LiquidBlox editor - save adjusted list items

Step 3 - Save


Click Save


Notice!

It is possible to edit the number of items in this view, but you can also do it later. 

LiquidBlox editor - adjusting image height for list items

Step 4 - Image height


  1. Click on the image to adjust the height
  2. Click Save
LiquidBlox editor - adding image to a list item

Step 5 - Choose an image


  1. Click on the image to activate image editor
  2. Upload a new image or choose a previously uploaded one from the archive
LiquidBlox editor - adding text to a list item

Step 6 - Add text


Complete the first list item with text content (if you are using an item type with text).

LiquidBlox editor - editing a list item

Step 7 - Edit list


Click the Edit list -button to access the list settings.

LiquidBlox editor - making a list template

Step 8 - Make template


Click the Make template icon to use the first item as a template for all new list items.

LiquidBlox editor - saving a list template

Keep current list selected and click OK


Now all the new list items you add will look like the first one you created. This speeds up the design process.

LiquidBlox editor - adding more items to a list

Step 9 - Add more items


Add more items as needed.

LiquidBlox editor - adding links to list items

Step 10 - Adding links to list items


If you want add a link to your list item:

  1. Click content settings gear icon
  2. Click link icon to access link editor

Creating and editing lists - Best practices


Add a list of items of similar layout. Options include different item types and defining the amount of items side by side. Lists can be used for many purposes including product or service listings and image galleries.

editing website list content

VIDEO:
Editing lists

Creating a list


Click on an empty element to add List as the content type.

LiquidBlox editor - list as a content type

Step 1 - Item type


After selecting List as the content type you can choose the list item type (layout).

LiquidBlox editor - list items side by side

Step 2 - Side by side


Select how many items are shown side by side (columns).

LiquidBlox editor - save adjusted list items

Step 3 - Save


Click Save


Notice!

It is possible to edit the number of items in this view, but you can also do it later. 

LiquidBlox editor - adjusting image height for list items

Step 4 - Image height


  1. Click on the image to adjust the height
  2. Click Save
LiquidBlox editor - adding image to a list item

Step 5 - Choose an image


  1. Click on the image to activate image editor
  2. Upload a new image or choose a previously uploaded one from the archive
LiquidBlox editor - adding text to a list item

Step 6 - Add text


Complete the first list item with text content (if you are using an item type with text).

LiquidBlox editor - editing a list item

Step 7 - Edit list


Click the Edit list -button to access the list settings.

LiquidBlox editor - making a list template

Step 8 - Make template


Click the Make template icon to use the first item as a template for all new list items.

LiquidBlox editor - saving a list template

Keep current list selected and click OK


Now all the new list items you add will look like the first one you created. This speeds up the design process.

LiquidBlox editor - adding more items to a list

Step 9 - Add more items


Add more items as needed.

LiquidBlox editor - adding links to list items

Step 10 - Adding links to list items


If you want add a link to your list item:

  1. Click content settings gear icon
  2. Click link icon to access link editor
toggle mobile menu

Creating and editing lists - Best practices


Add a list of items of similar layout. Options include different item types and defining the amount of items side by side. Lists can be used for many purposes including product or service listings and image galleries.

editing website list content

VIDEO:
Editing lists

Creating a list


Click on an empty element to add List as the content type.

LiquidBlox editor - list as a content type

Step 1 - Item type


After selecting List as the content type you can choose the list item type (layout).

LiquidBlox editor - list items side by side

Step 2 - Side by side


Select how many items are shown side by side (columns).

LiquidBlox editor - save adjusted list items

Step 3 - Save


Click Save


Notice!

It is possible to edit the number of items in this view, but you can also do it later. 

LiquidBlox editor - adjusting image height for list items

Step 4 - Image height


  1. Click on the image to adjust the height
  2. Click Save
LiquidBlox editor - adding image to a list item

Step 5 - Choose an image


  1. Click on the image to activate image editor
  2. Upload a new image or choose a previously uploaded one from the archive
LiquidBlox editor - adding text to a list item

Step 6 - Add text


Complete the first list item with text content (if you are using an item type with text).

LiquidBlox editor - editing a list item

Step 7 - Edit list


Click the Edit list -button to access the list settings.

LiquidBlox editor - making a list template

Step 8 - Make template


Click the Make template icon to use the first item as a template for all new list items.

LiquidBlox editor - saving a list template

Keep current list selected and click OK


Now all the new list items you add will look like the first one you created. This speeds up the design process.

LiquidBlox editor - adding more items to a list

Step 9 - Add more items


Add more items as needed.

LiquidBlox editor - adding links to list items

Step 10 - Adding links to list items


If you want add a link to your list item:

  1. Click content settings gear icon
  2. Click link icon to access link editor