Custom section
Get to know the Custom section and its best practices
For customers to have a better understanding of the store, you can utilize Custom section to showcase extra information that is beneficial for the brand, the business, or sales in general.
![](https://docs.foxecom.com/~gitbook/image?url=https%3A%2F%2F1749964694-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FfgpgvtRaQLc36GYyIktZ%252Fuploads%252FgVEOqzYT3VbV7UF19aZ3%252Fimage.png%3Falt%3Dmedia%26token%3D5ca8fbf1-1eab-4d00-80c7-dfc2332b970c&width=768&dpr=4&quality=100&sign=35f843a9&sv=1)
Grid layout
The settings let you decide on your grid layout on different screen sizes. Use the device mode selector on the top bar to view the section on desktop/laptop/tablet/mobile.
![](https://docs.foxecom.com/~gitbook/image?url=https%3A%2F%2F1749964694-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FfgpgvtRaQLc36GYyIktZ%252Fuploads%252FJauN9DUhUOXnmsIQsjOn%252Fimage.png%3Falt%3Dmedia%26token%3De1b5b0a7-54f8-4d35-b031-a0dac60d4ba3&width=768&dpr=4&quality=100&sign=a67f59d3&sv=1)
You can also adjust the content position and gap between columns of that grid (between 0 and 100px).
![](https://docs.foxecom.com/~gitbook/image?url=https%3A%2F%2F1749964694-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FfgpgvtRaQLc36GYyIktZ%252Fuploads%252FdTCYgxpGyGNLh0BOw8Nu%252Fimage.png%3Falt%3Dmedia%26token%3D76414273-f894-4aca-988e-27e1a3044b90&width=768&dpr=4&quality=100&sign=71576539&sv=1)
Then, you can add child blocks to each of the columns accordingly to create a custom section as you wish.
![](https://docs.foxecom.com/~gitbook/image?url=https%3A%2F%2F1749964694-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FfgpgvtRaQLc36GYyIktZ%252Fuploads%252FZIOEEVpoLjCcgNKxb1ul%252Fezgif.com-gif-maker%2520%285%29.gif%3Falt%3Dmedia%26token%3Ddabb936d-9d46-4fad-8846-1613eea6c580&width=768&dpr=4&quality=100&sign=a1887e7f&sv=1)
Last updated