In Litium Accelerator, six types of blocks are available by default:
For more about block architechture, please look here.
Add blocks
We can drag and drop blocks to a page, by using the Add blocks setting.
A slider block includes multiple images with custom links and texts, to be displayed on the hosting page.
Slides can be added, removed and sorted in the block settings.
Slider and banner blocks share the same design structure. They have a list of SliderBlockViewModel and BannerBlockViewModel respectively, stored as Multi-Field. Read more about multi-field here.
To form a slider model, each slide contains BlockImagePointer, LinkText and LinkToPage. These rows are grouped by childOwnerId and ChildIndex columns so we can save and re-create each slider in invidual fields.
Top of page
Banner and slider blocks have the same mechanism. The only difference is how they are rendered. We can define multiple banners in the block settings and they will be rendered horizontally.
Top of page
Video blocks allows the user to display video clips on a web page and support multiculture. That means we can configure different video clips for different cultures.
Top of page
Brand blocks are used to display brand pages in horizontal order. In the block settings we can also enter a title for the block and link to the block detail pages.
In the brand-block settings we can set Title, Brands, Link text and Link, as shown in the illustration below..
Top of page
Product blocks can display a set of products in horizental order, with their respective prices and links.
In the product block settings we can set up the title, point to a category, product set or even select multiple products to display. There are also settings for text, link and layout. If multiple values are set for Category, Product Set and Product, they will be prioritzed from top to bottom in that order.
Top of page
This type of block will show a baner next to a list of products.
The difference compared to a product block is the banner setting, The product configuration is the same. We can choose category, product set or a list of products and have it displayed to the left or right of a banner. A text and a link can also be set up.
Top of page