# Reveal

> Create a moment of delight — reveal hidden content with a smooth hover effect that surprises and engages your visitors.

URL: https://sectionstar.app/sections/reveal/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.893Z

---

**Reveal** is a Shopify theme section in the Section Star library. Create a moment of delight — reveal hidden content with a smooth hover effect that surprises and engages your visitors.

## About the Reveal section

The "Reveal" section by Section Star for Shopify allows you to create an interactive, expandable content area on your store's pages. Customers can click a button to reveal more content, enhancing the browsing experience without overwhelming them with information upfront. The section is extensively customizable, allowing you to adjust typography, colors, spacing, and much more to suit your store's design.

## Live demo

## Use cases

1. **Product Details**: Use the "Reveal" section to display additional product specifications, reviews, or related products that customers can access by clicking "Show More."
2. **FAQ Section**: Implement a FAQ section where the initial view shows only the questions, and clicking on each reveals more detailed answers.
3. **Customer Stories**: Showcase customer testimonials where the initial view shows snippets, and users can click to read the full stories.
4. **Promotion Details**: Use the reveal feature to highlight information about promotions or sales. Customers can click to unveil the full details, keeping the initial page clean and tidy.
5. **Related Blog Content**: If you run a blog, use the section to reveal more text or additional related posts to keep users engaged without cluttering the initial view.

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Grid Design
Set settings for the grid

| Setting | Type | Default |
| --- | --- | --- |
| Height | Number | 150 |
| Gap Between Columns | Number | 25 |

### Button Style
Set the look and feel of the button

| Setting | Type | Default |
| --- | --- | --- |
| Button Background Color | Color or gradient | linear-gradient(0deg, rgba(255, 255, … |
| Button Text Color | Color | #111 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
| Reveal Button Text | Inline rich text | <b>Show More</b> |
| Reveal Button Text | Inline rich text | <b>Show Less</b> |

### Text block settings

| Setting | Type | Default |
| --- | --- | --- |
| Rich Text | Rich text | <p>Lorem ipsum dolor sit amet, consec… |