Skip to content

Commit f3949db

Browse files
committed
Media blocka
1 parent 2db8ca0 commit f3949db

File tree

1 file changed

+18
-12
lines changed

1 file changed

+18
-12
lines changed

docs/administration/back_office/configure_product_tour.md

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -204,34 +204,40 @@ Add external or internal links:
204204
[[= include_file('code_samples/back_office/product_tour/config/general_scenario.yaml', 17, 21) =]]
205205
```
206206

207-
### Image block
207+
### List block
208208

209-
Embed images with alternative text:
209+
Create bulleted lists with title:
210210

211211
```yaml
212-
[[= include_file('code_samples/back_office/product_tour/config/general_scenario.yaml', 21, 25) =]]
212+
[[= include_file('code_samples/back_office/product_tour/config/general_scenario.yaml', 29, 36) =]]
213213
```
214214

215-
To provide data to the block, add your image to the `public` directory and provide the relative path to it.
215+
The `title_translation_key` property is optional.
216216

217-
### Video block
217+
### Media blocks
218218

219-
Embed video content by using the [`video` HTML element](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/video):
219+
To provide data to the media block, place your image or video files in the `public` directory and provide the relative path to it.
220+
221+
!!! tip
222+
223+
To resolve the path relative to the site root, [prefix it with `/`](https://developer.mozilla.org/en-US/docs/Web/API/URL_API/Resolving_relative_references#root_relative).
224+
225+
#### Image block
226+
227+
Embed images with alternative text:
220228

221229
```yaml
222-
[[= include_file('code_samples/back_office/product_tour/config/general_scenario.yaml', 25, 29) =]]
230+
[[= include_file('code_samples/back_office/product_tour/config/general_scenario.yaml', 21, 25) =]]
223231
```
224232

225-
### List block
233+
#### Video block
226234

227-
Create bulleted lists with title:
235+
Embed video content by using the [`video` HTML element](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/video):
228236

229237
```yaml
230-
[[= include_file('code_samples/back_office/product_tour/config/general_scenario.yaml', 29, 36) =]]
238+
[[= include_file('code_samples/back_office/product_tour/config/general_scenario.yaml', 25, 29) =]]
231239
```
232240

233-
The `title_translation_key` property is optional.
234-
235241
### Custom Twig template block
236242

237243
For advanced content, use custom Twig templates that allows you to fully control the styling of the block:

0 commit comments

Comments
 (0)