Grid
Helps arrange content in rows and columns.
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
## Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
## Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Properties
min_column_widthinteger
max_column_widthinteger
gapenum
The spacing between columns
none |
|
xs |
|
s |
|
m |
|
l |
|
xl |
|
2xl |
positionenum
How the content is spaced within a grid item.
top |
Positions content at the top of a grid item. |
center |
Vertically centers content within a grid item. |
between |
Spaces out content so it takes up the entire grid item. |
content_blockscomponent array
Examples
Columns
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 9
This is the ninth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 9
This is the ninth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 10
This is the tenth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 9
This is the ninth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 10
This is the tenth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 11
This is the eleven column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
max_column_width: null
min_column_width: null
gap: null
position: null
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 9
This is the ninth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 10
This is the tenth column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 11
This is the eleven column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 12
This is the twelve column
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Max column width
---
block:
_bookshop_name: layouts/grid
min_column_width: null
max_column_width: 250
gap: s
position: null
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
This is a really long paragraph so you can see the column at
full width
align: null
size: null
decoration: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
This is a really long paragraph so you can see the column at
full width
align: null
size: null
decoration: null
margin:
top: null
bottom: null
---
{% bookshop "layouts/grid" bind: block %}
---
block:
_bookshop_name: layouts/grid
min_column_width: 100
max_column_width: 150
gap: s
position: null
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Force Max Width
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: '2'
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: '3'
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: '4'
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
image: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: '5'
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
min_column_width: 250
max_column_width: 250
gap: s
position: null
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Alignment
---
block:
_bookshop_name: layouts/grid
min_column_width: 250
max_column_width: 250
align: start
gap: s
position: null
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
min_column_width: 250
max_column_width: 250
align: center
gap: s
position: null
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
min_column_width: 250
max_column_width: 250
align: end
gap: s
position: null
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Position
---
block:
_bookshop_name: layouts/grid
min_column_width: 250
max_column_width: 250
align: start
gap: s
position: top
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column A
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: This is the first column with a little bit of text
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column B
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the second column with lots and lots and lots and lots
of text
It event has multiple paragraphs! That's a lot of text.
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column C
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the third column with a bit more text than the first
column, but certainly less the the second one.
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
min_column_width: 250
max_column_width: 250
align: start
gap: s
position: center
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column A
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: This is the first column with a little bit of text
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column B
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the second column with lots and lots and lots and lots
of text
It event has multiple paragraphs! That's a lot of text.
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column C
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the third column with a bit more text than the first
column, but certainly less the the second one.
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
min_column_width: 250
max_column_width: 250
align: start
gap: s
position: between
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column A
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: This is the first column with a little bit of text
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column B
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the second column with lots and lots and lots and lots
of text
It event has multiple paragraphs! That's a lot of text.
align: null
decoration: null
size: null
margin:
top: null
bottom: null
- content_blocks:
- _bookshop_name: layouts/section
label: null
shape:
type: rounded
size: null
reverse: false
margin:
top: null
bottom: null
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
scale_x: null
scale_y: null
rotate: null
skew_x: null
skew_y: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
style:
opacity: null
rounded: null
background:
horizontal_position: null
vertical_position: null
repeat: false
fixed: null
padding:
vertical: m
horizontal: m
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column C
level: h2
size: null
weight: null
align: start
case: null
decoration: null
margin:
top: null
bottom: null
icon:
alt: null
name: null
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the third column with a bit more text than the first
column, but certainly less the the second one.
align: null
decoration: null
size: null
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}