In Litium Accelerator, six blocks types are available by default:
Please read more about block architecture 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 links, texts, and call to action button, to be displayed on the hosting page.
The priority of the link fields is: category, page, product.
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.
Please read more about multi-field here.
To form a slider model, each slide contains BlockImagePointer, LinkText, BannerLinkToCategory, BannerLinkToPage and BannerLinkToProduct. These rows are grouped by childOwnerId and ChildIndex columns so we can save and re-create each slider in individual 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 horizontal 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 prioritized from top to bottom in that order.
Top of page
This type of block will show a banner next to a list of products.
The difference compared to a product block is the banner setting with the same fields as Banner block, 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