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
- Product Details: Use the "Reveal" section to display additional product specifications, reviews, or related products that customers can access by clicking "Show More."
- FAQ Section: Implement a FAQ section where the initial view shows only the questions, and clicking on each reveals more detailed answers.
- Customer Stories: Showcase customer testimonials where the initial view shows snippets, and users can click to read the full stories.
- 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.
- 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… |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Reveal”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.