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
- Subscription Services: Ideal for stores offering recurring subscription plans, such as meal delivery services, online classes, or software subscriptions.
- Product Bundles: Perfect for showcasing bundled product deals where customers can see different package options and their benefits.
- Membership Tiers: Great for businesses offering multiple membership tiers with varying levels of benefits and exclusive content.
- 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 | <b>Sample Headline</b> |
| 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 | <b>Standard</b> |
| 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 |
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 “Price Grid”.
- 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.