> For the complete documentation index, see [llms.txt](https://wplake.gitbook.io/advanced-views/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wplake.gitbook.io/advanced-views/field-types/media/gallery-field.md).

# Displaying Gallery field

Advanced Views natively supports the following gallery types:

1. [WooCommerce](/advanced-views/fields/woo-product-fields.md): product Gallery field
2. [ACF](/advanced-views/fields/meta-plugins/advanced-custom-fields.md): any Gallery field
3. [MetaBox](/advanced-views/fields/meta-plugins/meta-box-fields.md): any Image, ImageAdvanced, ImageUpload field
4. [Pods](/advanced-views/fields/meta-plugins/pods-fields.md): any Image, Video field

## 1. How to display a Gallery field

1. [Create a new *Layout*](/advanced-views/getting-started/first-layout.md)
2. Add any Gallery field
3. Save the *Layout*, copy its [embedding shortcode](/advanced-views/layouts/embedding-shortcode.md)
4. Embed *Layout*: paste the shortcode inside the target place

Advanced Views automatically creates HTML markup and loads image metadata (like src, width, height) into the template. 

You can [customize the *Layout* template](/advanced-views/layouts/code-fields/custom-template.md) to use the[ Gallery render options](/advanced-views/field-types/media/gallery-field/render-options.md).