# WiziBlock In Style

## To use WiziBlock, you have to :

```
npm install @wizishop/wizi-block
```

## To create a main structure :

> Create the service in **projects/wizi-block/src/lib/services/structures** taking example on another module

> Add the service in \*\*projects/wizi-block/src/lib/dtos/configs/structures/structures-list.dto.ts

> Add the line in **projects/wizi-block/src/lib/dtos/configs/translations/translations.dto.ts**

###### That's all folks

## To create a secondary block :

> Create the service in **projects/wizi-block/src/lib/services/blocks** taking example on another module

> Add the service in **projects/wizi-block/src/lib/dtos/configs/blocks/blocks-list.dto.ts**

> Add the line in **projects/wizi-block/src/lib/dtos/configs/translations/translations.dto.ts**

> Create a component in **projects/wizi-block/src/lib/structures/** respecting name

> Register the component in **structures.module.ts**

> Add the component in **projects/wizi-block/src/components/blocks/blocks.component.html**

###### That's all folks

## Asking for image

> In your component, you can use the MediaService to **askImage()** and subscribe for the response to get a MediaDto with id and url
