# Theme Sections

- [Featured Product](https://adornthemes.gitbook.io/vogal-theme/theme-sections/featured-product.md): Add this section to display special product or promo product on homepage or inner pages.
- [Collection List](https://adornthemes.gitbook.io/vogal-theme/theme-sections/collection-list.md): Add this section to display collection list on homepage or inner pages. This is most useful section for your store. You can choose from seven different available style to show collections list.
- [Slideshow](https://adornthemes.gitbook.io/vogal-theme/theme-sections/slideshow.md): Add this section to display images slider on your store. This is most useful section for your store. Slideshow section combines images, text, and call-to-action buttons.
- [Newsletter](https://adornthemes.gitbook.io/vogal-theme/theme-sections/newsletter.md): Add newsletter section on your store that allow user to subscribe for your store updates.
- [Contact Form](https://adornthemes.gitbook.io/vogal-theme/theme-sections/contact-form.md): Users may express questions, comments, grievances, and ideas using the contact form, which can help you close more sales and encourage additional purchases from customers.
- [Video](https://adornthemes.gitbook.io/vogal-theme/theme-sections/video.md): Video sections allows you to add Youtube, Vimeo or MP4 video in background.
- [Custom Liquid](https://adornthemes.gitbook.io/vogal-theme/theme-sections/custom-liquid.md): Custom Liquid section allows you to add custom Liquid code directly from the editor. To use this section, you should have knowledge Liquid, HTLM and Css. This section is useful for developer.
- [Blog List](https://adornthemes.gitbook.io/vogal-theme/theme-sections/blog-list.md): Add this section to display featured blog post on your store home page or inner pages. There are total 3 style for blog list, with these three main style you can achieve numerous look for blogs
- [Custom Block](https://adornthemes.gitbook.io/vogal-theme/theme-sections/custom-block.md): This is kind of advance section. You can mix different blocks in this section to display a great combination of products, collection, text, video or promotion banner on your store.
- [Custom Block(Masonry)](https://adornthemes.gitbook.io/vogal-theme/theme-sections/custom-block-masonry.md): This is advance section. You can mix different blocks in this section to display a great combination of products, collection, text, video or promotion banner on your store with masonry style.
- [Section Divider](https://adornthemes.gitbook.io/vogal-theme/theme-sections/section-divider.md): Use this section to show divider between two sections.
- [FAQ](https://adornthemes.gitbook.io/vogal-theme/theme-sections/faq.md): Add this section to your home page or inner pages to display most frequently asked questions on your store.
- [Featured Banner](https://adornthemes.gitbook.io/vogal-theme/theme-sections/featured-banner.md): Use this section to display featured banner with image, text and icons as shown in preview image
- [Grid Banners](https://adornthemes.gitbook.io/vogal-theme/theme-sections/grid-banners.md): Use this section to display banners in grid. There are 7 different grid style in this section.
- [Hero Banner](https://adornthemes.gitbook.io/vogal-theme/theme-sections/hero-banner.md): Use this section to display large image with text overlay. You can add this section on home page or inner pages.
- [Hero Banner(CTA)](https://adornthemes.gitbook.io/vogal-theme/theme-sections/hero-banner-cta.md): Use this section to display large image with text overlay and multiple CTA buttons. You can add this section on home page or inner pages.
- [Icons and Text](https://adornthemes.gitbook.io/vogal-theme/theme-sections/icons-and-text.md): This section allows you to show some important information about your store with icons or small images. There are four different style to use.
- [Image & Text (2 columns)](https://adornthemes.gitbook.io/vogal-theme/theme-sections/image-and-text-2-columns.md): Use this section to display one side image and other side text.
- [Image & Text (4 columns)](https://adornthemes.gitbook.io/vogal-theme/theme-sections/image-and-text-4-columns.md): Use this section to display one side image and other side text with four column in one row.
- [Image Gallery](https://adornthemes.gitbook.io/vogal-theme/theme-sections/image-gallery.md): This section display series of photos with icons, text & link in a gallery. User can quickly view photos. Use section when you want user to browse a set of images to showcase your product.
- [Instagram](https://adornthemes.gitbook.io/vogal-theme/theme-sections/instagram.md): This section allows you to display Instagram photos on your store.
- [Instagram Shop](https://adornthemes.gitbook.io/vogal-theme/theme-sections/instagram-shop.md): Display shoppable Instagram gallery.
- [Logo List](https://adornthemes.gitbook.io/vogal-theme/theme-sections/logo-list.md): Use this section to display brands logos. You can display logos in carousel or list.
- [Lookbook Shop](https://adornthemes.gitbook.io/vogal-theme/theme-sections/lookbook-shop.md): This section allows you to create stunning shoppable image gallery which you can add on home or inner pages. You need to add images and tag products on images as hotspots.
- [Map](https://adornthemes.gitbook.io/vogal-theme/theme-sections/map.md): Add this section to display location of your store. You can add on home page or inner pages.
- [Masonry Banner](https://adornthemes.gitbook.io/vogal-theme/theme-sections/masonry-banner.md): Add this section to design stunning masonry collections banners. There are numerous banner styles you can achieve with section.
- [Products + Banner](https://adornthemes.gitbook.io/vogal-theme/theme-sections/products-+-banner.md): Use this section display custom banners along with products. You can display products as a list or carousel
- [Products Columns](https://adornthemes.gitbook.io/vogal-theme/theme-sections/products-columns.md): Use this section display products in different columns. Select collection to display products from each block.
- [Products Rows](https://adornthemes.gitbook.io/vogal-theme/theme-sections/products-rows.md): Use this section to display products in row on home pages or inner pages.
- [Products Slider](https://adornthemes.gitbook.io/vogal-theme/theme-sections/products-slider.md): Use this section to display products in carousel/slider on home pages or inner pages.
- [Products Tabs](https://adornthemes.gitbook.io/vogal-theme/theme-sections/products-tabs.md): Use this section to display products from different collection in tabs on home pages or inner pages.
- [Promotion Bar](https://adornthemes.gitbook.io/vogal-theme/theme-sections/promotion-bar.md): Use this section to display a sale, discount code, event, or special promotion to drive customer engagement
- [Rich Text](https://adornthemes.gitbook.io/vogal-theme/theme-sections/rich-text.md): Use this section to display text, image and button on home page or inner pages
- [Round Banners](https://adornthemes.gitbook.io/vogal-theme/theme-sections/round-banners.md): Use this section to display round collection banners
- [Scrolling Text](https://adornthemes.gitbook.io/vogal-theme/theme-sections/scrolling-text.md): Use this section to display moving text on your store home page or inner pages for promotions and deals.
- [Shop The Look](https://adornthemes.gitbook.io/vogal-theme/theme-sections/shop-the-look.md): This section use to display products along with custom banners.
- [Testimonials](https://adornthemes.gitbook.io/vogal-theme/theme-sections/testimonials.md): This section allows you to display feedback from your customer for products or your store. Feedback your customers build trust in your brand/products and increase sales.
- [Text Column(Top Image)](https://adornthemes.gitbook.io/vogal-theme/theme-sections/text-column-top-image.md): This section display text and image with different columns.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://adornthemes.gitbook.io/vogal-theme/theme-sections.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
