# Price Grid

> Make your pricing clear and sell your plans — a scannable pricing grid with feature checkmarks that helps shoppers choose with confidence.

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

---

**Price Grid** is a Shopify theme section in the Section Star library. Make your pricing clear and sell your plans — a scannable pricing grid with feature checkmarks that helps shoppers choose with confidence.

## About the Price Grid section

The Price Grid section allows Shopify store owners to display various pricing plans or packages in an organized and visually appealing layout. Each pricing plan can include a title, description, price, and a list of features. Additionally, you can highlight specific plans to make them stand out. This section is built using the Section Star app for Shopify, ensuring easy integration and customization.

## Live demo

## Use cases

1. **Subscription Services:** Ideal for stores offering recurring subscription plans, such as meal delivery services, online classes, or software subscriptions.
2. **Product Bundles:** Perfect for showcasing bundled product deals where customers can see different package options and their benefits.
3. **Membership Tiers:** Great for businesses offering multiple membership tiers with varying levels of benefits and exclusive content.
4. **Service Packages:** Useful for service-based businesses to present different service packages, such as consultation hours, maintenance plans, or custom project rates.

## 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 |
| --- | --- | --- |
| Gap Between Testimonials | Number | 20 |

### Column Design
Set settings for the price columns

| Setting | Type | Default |
| --- | --- | --- |
| Background Color | Color or gradient | linear-gradient(319deg, rgba(255, 255… |
| Round Borders | Range | 5 |
| Subtle Shadow | Checkbox | On |
| Highlight Color | Color | #111 |

### Button Design
Set the display for the button

| Setting | Type | Default |
| --- | --- | --- |
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
| Button Text Size | Range | 15 |
| Button Padding Top/Bottom | Number | 10 |
| Button Padding Left/Right | Number | 25 |
| Button Border Radius | Number | 5 |
| Button Background Color | Color or gradient | linear-gradient(164deg, #10D01A 0%, #… |
| Button Text Color | Color | #fff |

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | &lt;b&gt;Sample Headline&lt;/b&gt; |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Features | Number | 15 |

### Price Item block settings

| Setting | Type | Default |
| --- | --- | --- |
| Highlighted | Checkbox | On |
| Headline Text Alignment | Text alignment | center |
| Title | Inline rich text | &lt;b&gt;Standard&lt;/b&gt; |
| Description | Inline rich text | Perfect for Getting Started |
| Price | Inline rich text | $25 / mo |

#### Features
Features for the plan. Leave blank to skip.

| Setting | Type | Default |
| --- | --- | --- |
| Feature Text Alignment | Text alignment | left |
| Bullet 1 | Text | Bullet Feature 1 |
| Bullet 2 | Text | Bullet Feature 2 |
| Bullet 3 | Text | Bullet Feature 3 |
| Bullet 4 | Text | Bullet Feature 4 |
| Bullet 5 | Text | Bullet Feature 5 |
| Bullet 6 | Text | Bullet Feature 6 |
| Bullet 7 | Text | — |
| Featue 8 | Text | — |
| Featue 9 | Text | — |
| Featue 10 | Text | — |

#### Button
Link and title for the button

| Setting | Type | Default |
| --- | --- | --- |
| Call to Action Link | URL | — |
| Button Title | Text | Get Started |
