# Section Star — full text > Section Star is a Shopify app that adds 150+ pre-built theme sections, blocks, and product bundles to any Shopify theme through the native theme customizer, with no code and no page builder lock-in. Source: https://sectionstar.app Publisher: Next Half Apps (Matthew Smith LLC) Shopify App Store: https://apps.shopify.com/sections-ai Rating: 4.9/5 across 185 reviews Pricing: Free plan; Premium $15/month or $99/year (2-day free trial) Generated: 2026-10-26T00:00:21.825Z ================================================================================ URL: https://sectionstar.app/about/ TITLE: About Section Star SUMMARY: Section Star is a Shopify section library built by Next Half Apps. These are the principles that decide what goes into it and what stays out. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ Section Star is a Shopify app that adds 150+ pre-built theme sections, blocks, and product bundles to any Shopify theme. It has been on the Shopify App Store since 2023, holds a **4.9 star rating across 185 reviews**, and is built and supported by [Next Half Apps]({{ site.studioUrl }}), the studio run by [Matthew Smith]({{ site.authorUrl }}). ## Principles - **Design first** — A section should improve a page the moment it is dropped in. Nothing ships that needs a designer to rescue it first. - **Crafted, not copied** — Every section is written from scratch against current Shopify and web platform capabilities. Nothing is lifted from a template marketplace and bent into Liquid. - **Performance is a feature** — No external library, no app embed running on every page. Responsive images and lazy loading by default, so a section does not cost you LCP. - **Quality over quantity** — There is no Slideshow 1, Slideshow 2, Slideshow 3. One section solves a UI problem properly and exposes the settings to adapt it. Section Star will never be the cheapest or the largest library on the App Store. - **Hackable** — Sections publish into the theme as readable Liquid. Open the Shopify code editor and change them. The code is meant to be worked on. - **No-hassle refunds** — If Premium is not a fit, the money comes back without an argument. ## Why agencies use it Agencies are the reason several of these principles exist. A page builder makes a client dependent on the builder. Section Star does the opposite: it publishes a Liquid section into the theme and gets out of the way. The client edits it in the Shopify theme customizer they already know, and there is no second admin interface to train anyone on. When the engagement ends, the work is in the theme where the next developer can read it. Each store carries its own install and its own plan, so there is no shared account to coordinate across clients. And because the output is standard Liquid, a section is a starting point — fork it in the code editor when a client needs something the settings do not cover. ## Who builds it Section Star is one of four Shopify apps shipped through Next Half, alongside Fundlet, Page Star, and Adjustment Track. Support comes by email, from the developer, at <{{ site.email }}>. ================================================================================ URL: https://sectionstar.app/contact/ TITLE: Contact SUMMARY: How to reach Section Star support. Email goes directly to Matthew Smith, the developer who builds and maintains the app. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ Support for Section Star comes directly from the developer. There is no outsourced support tier and no ticket queue. - **Email** — - **X / Twitter** — [@matthewsmith](https://twitter.com/matthewsmith) Section Star is built and maintained by [Next Half Apps](https://nexthalf.app), the Shopify and Square app studio run by [Matthew Smith](https://matthewsmith.com). ## Before you write If the question is about installing, customizing, or removing a section, the [documentation]({{ '/docs/' | url }}) likely covers it. Pricing and billing questions are answered on the [pricing page]({{ '/pricing/' | url }}), and the [FAQ]({{ '/faq/' | url }}) covers theme compatibility, performance, and what happens on uninstall. ================================================================================ URL: https://sectionstar.app/changelog/ TITLE: Changelog SUMMARY: A dated record of every section added to Section Star and every bug fixed, newest first. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ ### August 2024 - Aug 9, 2024 - Bugfix to prevent the Publish button from being clicked too early - Aug 7, 2024 - Feature Grid Plus Section added - Aug 4, 2024 - FAQ Plus Section added - Aug 2, 2024 - FAQ Sync Section added ### July 2024 - Jul 26, 2024 - Update FAQ with Image - Jul 22, 2024 - Upsell Section bug fixes - Jul 21, 2024 - Before & After Premium Section added - Jul 20, 2024 - Changelog created ================================================================================ URL: https://sectionstar.app/faq/ TITLE: Frequently Asked Questions SUMMARY: Answers to common questions about Section Star — what it is, what it costs, how it affects theme performance, what happens on uninstall, and how it fits an agency workflow. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ Every answer below is also emitted as `FAQPage` JSON-LD in this page's source, listed in [llms.txt]({{ '/llms.txt' | url }}), and served as plain [markdown]({{ page.url }}index.md). {% for item in faq %} ## {{ item.q }} {{ item.a }} {% endfor %} ## Still stuck? Email <{{ site.email }}>. Support comes from the person who writes the code. ================================================================================ URL: https://sectionstar.app/pricing/ TITLE: Pricing SUMMARY: Section Star has a free plan and a $15 per month Premium plan, or $99 per year. Premium unlocks every section, every block, and unlimited product bundles. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ ## Plans | Plan | Price | What you get | | --- | --- | --- | | **Free** | $0 | Free and pay-as-you-go sections, blocks, and 1 product bundle. | | **Premium** | **$15/mo** or $99/yr | Every section, every block, and unlimited product bundles. Includes a 2-day free trial. | Billing runs through the Shopify App Store and applies per store, the same as any other Shopify app. [Install Section Star]({{ site.appStoreUrl }}) to start on the free plan. ## For agencies Each client store carries its own install and its own plan. There is no agency seat to manage and no shared account to keep in sync. A store on the free plan can publish free and pay-as-you-go sections indefinitely; upgrade only the stores that need the full library. Because sections are published into the theme as standard Liquid, work you ship on a client store is not stranded if that store later changes plans. ## Refunds Section Star has a no-hassle money-back policy on Premium. If a store is not a fit, you get the money back without an argument. The full terms are on the [refund policy]({{ '/refund-policy/' | url }}) page. ================================================================================ URL: https://sectionstar.app/refund-policy/ TITLE: Refund Policy SUMMARY: Section Star offers a no-hassle money-back policy on the Premium plan. These are the terms. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ We want you to love your new section! So, we provide a 100% refund on any section or paid plan within 30 days of the payment being invoiced by Shopify. Over 30 days? Just send us a message and we will work it out. To receive a refund, contact . ================================================================================ URL: https://sectionstar.app/privacy-policy/ TITLE: Privacy Policy SUMMARY: How Section Star handles store and customer data, what is collected, and how it is protected. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ Section Star "the App” provides a page builder "the Service" to merchants who use Shopify to power their stores. This Privacy Policy describes how personal information is collected, used, and shared when you install or use the App in connection with your Shopify-supported store. ### Personal Information the App Collects When you install the App, we are automatically able to access certain types of information from your Shopify account: - Shopify Themes - - Shopify Assets - - Shopify Pages - - Shopify Products - - Shopify Metafield - - Shopify Billing - ### What the App Stores We store the following data in our database: - Shop Name - Begin Date (when you first logged in) - Status (Trial or Active) - Current Theme ID - Current Theme Name - Timestamp for when the record was created In addition, we store the following data as metadata or assets within your store: - HTML content for pages and products - CSS and JS for your site - Any uploaded images - How we secure your Data - We store your data in Amazon AWS using S3 (https://aws.amazon.com/s3/). Your data is not publicly accessible and encrypted at rest. ### What personal information do we store and how do we use it We store your name and email. We will not distribute or use your email for anything other than the purpose for which it was gathered. We never transfer or sell your personal information to a third party. Your Rights If you are a European resident, you have the right to access personal information we hold about you and to ask that your personal information be corrected, updated, or deleted. If you would like to exercise this right, please contact us through the contact information below. Additionally, if you are a European resident we note that we are processing your information in order to fulfill contracts we might have with you (for example if you make an order through the Site), or otherwise to pursue our legitimate business interests listed above. Additionally, please note that your information will be transferred outside of Europe, including to Canada and the United States. ### Data Retention Data Retention When you place an order through the Site, we will maintain your Order Information for our records for up to a year unless and until you ask us to delete this information. Active account data will remain in the system until the account is activated. ### Future Changes Changes We may update this privacy policy from time to time in order to reflect, for example, changes to our practices or for other operational, legal or regulatory reasons. Contact Us For more information about our privacy practices, if you have questions, or if you would like to make a complaint, please contact us by e-mail at matt@matthewsmith.com or by mail using the details provided below ================================================================================ URL: https://sectionstar.app/blocks/before-and-after/ TITLE: Before & After SUMMARY: Add a draggable overlay to demonstrate your product's impact. Add to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Before & After** is a Shopify theme block in the Section Star library. Add a draggable overlay to demonstrate your product's impact. Add to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Media Design Set settings for the media | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | ### Before & After Items Choose the images for your comparison | Setting | Type | Default | | --- | --- | --- | | Before Image | Image | — | | Before Caption | Inline rich text | Before | | After Image | Image | — | | After Caption | Inline rich text | After | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/buttons/ TITLE: Buttons SUMMARY: Provides butttons for any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Buttons** is a Shopify theme block in the Section Star library. Provides butttons for any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/column/ TITLE: Column SUMMARY: Provides columns for the Block Builder section. Only works with the Solux Block Builder section. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Column** is a Shopify theme block in the Section Star library. Provides columns for the Block Builder section. Only works with the Solux Block Builder section. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Column Width Set the width of the column. The flex will determine the width of the column relative to other columns in the same row. | Setting | Type | Default | | --- | --- | --- | | Flex | Number | 1 | ================================================================================ URL: https://sectionstar.app/blocks/buy-buttons/ TITLE: Buy Buttons SUMMARY: Boost sales with stylish buy buttons, variant options, and quantity controls that seamlessly enhance any section with theme block support. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Buy Buttons** is a Shopify theme block in the Section Star library. Boost sales with stylish buy buttons, variant options, and quantity controls that seamlessly enhance any section with theme block support. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Product Select the product for the fixed bar. Product pages should use the current option. Other pages, should use a selected product. | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | | Variant | Select (First Available, Show Selector) | first | | Show Quantity | Checkbox | Off | | Show Buy Now Button | Checkbox | On | | Show Add to Cart Button | Checkbox | On | | Add to Cart Text | Inline rich text | Add to Cart | | Buy Now Text | Inline rich text | Buy Now | | Sold Out Text | Inline rich text | - Sold Out | | Select Text | Inline rich text | Select Option | ### Variant Selector Style Set the look and feel of the variant selector | Setting | Type | Default | | --- | --- | --- | | Selector Background | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Selector Text Size | Range | 15 | | Selector Text Color | Color | #111 | | Selector Highlight Color | Color | #f0f0f0 | | Selector border Color | Color | #f0f0f0 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Buy Now Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Buy Now Text Color | Color | #fff | | Add to Cart Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Add to Cart Text Color | Color | #111 | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Button Border Size | Number | 1 | | Border Color | Color | #ddd | | Subtle Shadow on Button | Checkbox | Off | | Subtle Lift Animation on Button | Checkbox | Off | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/countdown/ TITLE: Countdown SUMMARY: Add a countdown timer to your section to create urgency and boost conversions. Add to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Countdown** is a Shopify theme block in the Section Star library. Add a countdown timer to your section to create urgency and boost conversions. Add to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Grid Design Set the design for the countdown grid | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 20 | | Show Days | Checkbox | On | | Show Seconds | Checkbox | On | | Timer Color | Color | #111 | ### Timer Display Set display of the timer | Setting | Type | Default | | --- | --- | --- | | Timer Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #f0f… | | Grid Spacing | Number | 5 | | Round Borders | Range | 5 | | Subtle Shadow | Checkbox | Off | ### Content Set date and text for the block | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>Save 20%. Act fast!</b> | | Text | Inline rich text | This is a limited time deal. Use code… | | End Date (mm/dd/yyyy) | Text | — | | End Time (HH:MM AM) | Text | 12:00 AM | | Days Text | Text | days | | Hours Text | Text | hrs | | Minutes Text | Text | mins | | Seconds Text | Text | sec | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/expand/ TITLE: Expand SUMMARY: Show an expandable area to show additional information. Add to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Expand** is a Shopify theme block in the Section Star library. Show an expandable area to show additional information. Add to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Expand Design Set the design for the expanding block | Setting | Type | Default | | --- | --- | --- | | Icon Size | Number | 25 | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon | Image | — | | Text | Inline rich text | <b>This is sample text</b> | | Image | Image | — | | Content | Rich text | <p>This is content for the expanding … | | Open on page load? | Checkbox | On | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/customer-badge/ TITLE: Customer Badge SUMMARY: Highlight trust and credibility by displaying how many customers love your product. This block allows you to show customer approval, boosting confidence and conversions. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Customer Badge** is a Shopify theme block in the Section Star library. Highlight trust and credibility by displaying how many customers love your product. This block allows you to show customer approval, boosting confidence and conversions. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Stars Set content and design for the stars | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Gap Between Content Items | Number | 5 | | Text Size | Range | 14 | | Mobile Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Text | Inline rich text | 1,000+ Happy Customers | | Image 1 | Image | — | | Image 2 | Image | — | | Image 3 | Image | — | | Icon Color | Color | #111 | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/external-video/ TITLE: External Video SUMMARY: Embed videos from YouTube or Vimeo to showcase products, stories, or brand moments directly on your store. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **External Video** is a Shopify theme block in the Section Star library. Embed videos from YouTube or Vimeo to showcase products, stories, or brand moments directly on your store. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Display Set the display | Setting | Type | Default | | --- | --- | --- | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, Auto) | 4 / 3 | | Video | Video URL | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/flower-feature/ TITLE: Flower Feature SUMMARY: Showcase products, promotions, or announcements inside a playful flower-shaped feature block. With bold text and a call-to-action button, it’s a creative way to grab attention and guide shoppers to shop now. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Flower Feature** is a Shopify theme block in the Section Star library. Showcase products, promotions, or announcements inside a playful flower-shaped feature block. With bold text and a call-to-action button, it’s a creative way to grab attention and guide shoppers to shop now. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Flower Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Max Size (width/height) | Number | — | | Mobile Max Size (width/height) | Number | — | | Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Color | Color or gradient | #ffffff | | Spacing between Elements | Number | 10 | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Animation Offset (Determines initial position of text) | Number | 20 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/hotspots/ TITLE: Hotspots SUMMARY: Highlight key details with interactive hotspots that grab attention and bring your images to life. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Hotspots** is a Shopify theme block in the Section Star library. Highlight key details with interactive hotspots that grab attention and bring your images to life. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Hotspots Set the display of the hotspots | Setting | Type | Default | | --- | --- | --- | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, Auto) | 4 / 3 | | Image | Image | — | ### Hotspots Set the display of the hotspots | Setting | Type | Default | | --- | --- | --- | | Show Caption on Hover | Checkbox | Off | | Text Size | Range | 13 | | Text Color | Color | #111 | | Hotspot Text 1 | Inline rich text | 1 | | Hotspot Caption 1 | Rich text | <h3>Sample Product</h3><p>Sample desc… | | Optional Link 1 | URL | — | | Horizontal Offset 1 | Range | 0 | | Vertical Offset 1 | Range | 0 | | Hotspot Text 2 | Inline rich text | 2 | | Hotspot Caption Text 2 | Rich text | <h3>Sample Product</h3><p>Sample desc… | | Optional Link 2 | URL | — | | Horizontal Offset 2 | Range | 0 | | Vertical Offset 2 | Range | 0 | | Hotspot Text 3 | Inline rich text | 3 | | Hotspot Caption Text 3 | Rich text | <h3>Sample Product</h3><p>Sample desc… | | Optional Link 3 | URL | — | | Horizontal Offset 3 | Range | 0 | | Vertical Offset 3 | Range | 0 | | Custom CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/icons/ TITLE: Icons SUMMARY: Add a set of icons to call attention to product features. Add to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Icons** is a Shopify theme block in the Section Star library. Add a set of icons to call attention to product features. Add to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Text Set the text for your block | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Text Color | Color | #111 | ### Grid Set the display of your grid | Setting | Type | Default | | --- | --- | --- | | Block Alignment | Text alignment | center | | Icon Spacing | Number | 10 | ### Icon Set display of icon | Setting | Type | Default | | --- | --- | --- | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Size | Range | 50 | ### Icons Choose the icons for your block | Setting | Type | Default | | --- | --- | --- | | Image 1 | Image | — | | Video 1 | Video | — | | Caption | Inline rich text | Icon 1 | | Image 2 | Image | — | | Video 2 | Video | — | | Caption | Inline rich text | Icon 2 | | Image 3 | Image | — | | Video 3 | Video | — | | Caption | Inline rich text | Icon 3 | | Image 4 | Image | — | | Video 4 | Video | — | | Caption | Inline rich text | Icon 4 | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/image-shop/ TITLE: Shop Image SUMMARY: Add product links directly to your images to call attention to featured products. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Shop Image** is a Shopify theme block in the Section Star library. Add product links directly to your images to call attention to featured products. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Display Set the display | Setting | Type | Default | | --- | --- | --- | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Mute Video? | Checkbox | On | | Image | Image | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ### Shop Style Set the look and feel of the shop section | Setting | Type | Default | | --- | --- | --- | | Shop The Look | Inline rich text | <b>Shop The Look</b> | | Secondary Text | Inline rich text | 2 Products | | Shop Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #111… | | Shop Text Color | Color | #fff | | Shop Alternate Text Color | Color | #aaa | | Text Size | Range | 13 | | Padding Top/Bottom | Number | 15 | | Padding Left/Right | Number | 20 | | Border Radius | Number | 4 | ### Products Set the product to upsell | Setting | Type | Default | | --- | --- | --- | | Product 1 | Product | — | | Product 2 | Product | — | | Product 3 | Product | — | ================================================================================ URL: https://sectionstar.app/blocks/feature/ TITLE: Feature SUMMARY: Call attention to a product feature with beautiful media. Add to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Feature** is a Shopify theme block in the Section Star library. Call attention to a product feature with beautiful media. Add to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Feature Display Set the display for the feature | Setting | Type | Default | | --- | --- | --- | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Image | Image | — | | Show Hover Effect | Checkbox | On | ### Caption Display Set the display for the caption | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Headline (optional) | Inline rich text | <b>This is a sample headline</b> | | Text (optional) | Inline rich text | This is sample text | | Link (optional) | URL | — | | Show Text Shadow | Checkbox | Off | | Caption Background | Color or gradient | linear-gradient(164deg, rgba(255, 255… | | Show Glass Effect? | Checkbox | On | | Caption Padding | Number | 15 | | Mobile Caption Padding | Number | 15 | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/richtext/ TITLE: Richtext SUMMARY: Provides richtext for any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Richtext** is a Shopify theme block in the Section Star library. Provides richtext for any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Content Set the content for the block | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Content | Rich text | <h3><b>Sample Richtext</b></h3><p>Thi… | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/row/ TITLE: Row SUMMARY: Provides rows for the Block Builder section. Only works with the Solux Block Builder section. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Row** is a Shopify theme block in the Section Star library. Provides rows for the Block Builder section. Only works with the Solux Block Builder section. ## Live demo ================================================================================ URL: https://sectionstar.app/blocks/photo/ TITLE: Photo SUMMARY: Add a stylish, vintage touch to your store with a Polaroid-style photo block. Display images with a classic white border and caption for an authentic, nostalgic feel. Customize spacing, colors, and text to match your brand. Perfect for showcasing products, testimonials, or brand moments with a unique aesthetic. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Photo** is a Shopify theme block in the Section Star library. Add a stylish, vintage touch to your store with a Polaroid-style photo block. Display images with a classic white border and caption for an authentic, nostalgic feel. Customize spacing, colors, and text to match your brand. Perfect for showcasing products, testimonials, or brand moments with a unique aesthetic. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Polaroid Design Customize how your polaroid photos look | Setting | Type | Default | | --- | --- | --- | | Polaroid Rotation | Range | 4 | | Photo Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, Auto) | 4 / 3 | | Hover Zoom Factor | Range | 1.1 | | Headline Font | Font | playpen_sans_n7 | | Caption Font Size | Range | 16 | | Caption Color | Color | #333333 | | Date Font Size | Range | 12 | | Date Color | Color | #888888 | ### Photo Content Customize the content for your photo | Setting | Type | Default | | --- | --- | --- | | Photo | Image | — | | Caption | Inline rich text | Beautiful memories | | Date | Text | Summer 2023 | | Link (optional) | URL | — | ================================================================================ URL: https://sectionstar.app/blocks/spacer/ TITLE: Spacer SUMMARY: Add vertical space between blocks. Set desktop and mobile heights independently. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Spacer** is a Shopify theme block in the Section Star library. Add vertical space between blocks. Set desktop and mobile heights independently. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. | Setting | Type | Default | | --- | --- | --- | | Height | Range | 40 | | Mobile Height | Range | 20 | ================================================================================ URL: https://sectionstar.app/blocks/slideshow/ TITLE: Slideshow SUMMARY: Add n slideshow to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Slideshow** is a Shopify theme block in the Section Star library. Add n slideshow to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Caption Design Set the fonts and colors for your caption | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Text Color | Color | #111 | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | ### Slideshow Design Set the design of your slideshow | Setting | Type | Default | | --- | --- | --- | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Enable Slideshow Autoplay? | Checkbox | On | | Slideshow Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Slideshow Items Choose the images and captions for your slideshow | Setting | Type | Default | | --- | --- | --- | | Image 1 | Image | — | | Caption | Inline rich text | Use this field to caption your slide | | Image 2 | Image | — | | Caption 2 | Inline rich text | Use this field to caption your slide | | Image 3 | Image | — | | Caption 3 | Inline rich text | Use this field to caption your slide | | Image 4 | Image | — | | Caption 4 | Inline rich text | Use this field to caption your slide | | Image 5 | Image | — | | Caption 5 | Inline rich text | Use this field to caption your slide | | Image 6 | Image | — | | Caption 6 | Inline rich text | Use this field to caption your slide | | Image 7 | Image | — | | Caption 7 | Inline rich text | Use this field to caption your slide | | Image 8 | Image | — | | Caption 8 | Inline rich text | Use this field to caption your slide | | Image 9 | Image | — | | Caption 9 | Inline rich text | Use this field to caption your slide | | Image 10 | Image | — | | Caption 10 | Inline rich text | Use this field to caption your slide | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/squircle/ TITLE: Squircle SUMMARY: Add beautiful squircle images to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Squircle** is a Shopify theme block in the Section Star library. Add beautiful squircle images to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Display Set the display | Setting | Type | Default | | --- | --- | --- | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Image | Image | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/squircle-feature/ TITLE: Squircle Feature SUMMARY: Highlight products, promotions, or announcements inside a modern squircle-shaped feature block. With bold text and a call-to-action button, it's a sleek and stylish way to capture attention and drive shoppers to take action. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Squircle Feature** is a Shopify theme block in the Section Star library. Highlight products, promotions, or announcements inside a modern squircle-shaped feature block. With bold text and a call-to-action button, it's a sleek and stylish way to capture attention and drive shoppers to take action. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Squircle Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Max Size (width/height) | Number | — | | Mobile Max Size (width/height) | Number | — | | Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Color | Color or gradient | #ffffff | | Spacing between Elements | Number | 10 | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Animation Offset (Determines initial position of text) | Number | 20 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/image/ TITLE: Image SUMMARY: Add beautiful images to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Image** is a Shopify theme block in the Section Star library. Add beautiful images to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Display Set the display | Setting | Type | Default | | --- | --- | --- | | Link | URL | — | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, Auto) | 4 / 3 | | Image | Image | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/star-feature/ TITLE: Star Feature SUMMARY: Shine a spotlight on products, promotions, or announcements with a bold star-shaped feature block. Featuring standout text and a call-to-action button, it’s a fun and eye-catching way to grab attention and inspire shoppers to take action. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Star Feature** is a Shopify theme block in the Section Star library. Shine a spotlight on products, promotions, or announcements with a bold star-shaped feature block. Featuring standout text and a call-to-action button, it’s a fun and eye-catching way to grab attention and inspire shoppers to take action. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Star Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Max Size (width/height) | Number | — | | Mobile Max Size (width/height) | Number | — | | Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Color | Color or gradient | #ffffff | | Spacing between Elements | Number | 10 | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Animation Offset (Determines initial position of text) | Number | 20 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/stars/ TITLE: Stars SUMMARY: Display a sleek and customizable star rating on your Shopify store. This block helps build trust and boost conversions. Easily adjust colors, spacing, and layout to match your theme seamlessly. Perfect for showcasing customer satisfaction with style. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Stars** is a Shopify theme block in the Section Star library. Display a sleek and customizable star rating on your Shopify store. This block helps build trust and boost conversions. Easily adjust colors, spacing, and layout to match your theme seamlessly. Perfect for showcasing customer satisfaction with style. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Stars Set content and design for the stars | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Gap Between Content Items | Number | 5 | | Text Size | Range | 14 | | Mobile Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/testimonial/ TITLE: Testimonial SUMMARY: Put social proof front and center by adding a testimonial in any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Testimonial** is a Shopify theme block in the Section Star library. Put social proof front and center by adding a testimonial in any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Text Color | Color | #111 | | Attribution Size | Range | 13 | | Attribution Color | Color | #888 | ### Display Set display of the block | Setting | Type | Default | | --- | --- | --- | | # Stars | Select (None, 5, 4.5) | 5 | | Stars Color | Color | #111 | | Content | Inline rich text | This is a sample testimonial. Replace… | | Image | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/trust-badges/ TITLE: Trust Badges SUMMARY: Choose from 14 high quality trust badges to build trust on your store. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Trust Badges** is a Shopify theme block in the Section Star library. Choose from 14 high quality trust badges to build trust on your store. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Badge Display Set display of Badges | Setting | Type | Default | | --- | --- | --- | | Block Alignment | Text alignment | center | | Badge Height | Number | 75 | | Mobile Badge Height | Number | 75 | | Gap Between Badges | Number | 10 | ### Badges Set the badges you want displayed | Setting | Type | Default | | --- | --- | --- | | Show Free Shipping | Checkbox | On | | Show Money Back | Checkbox | On | | Show Secure Payments | Checkbox | On | | Show Award Winning | Checkbox | Off | | Show Premium Quality | Checkbox | Off | | Show Five Star | Checkbox | Off | | Show Fast Shipping | Checkbox | Off | | Show Thousand Sold | Checkbox | Off | | Show Satisfaction Guaranteed | Checkbox | Off | | Show Guaranteed Quality | Checkbox | Off | | Show Exclusive | Checkbox | Off | | Show Inspected | Checkbox | Off | | Show Made in USA | Checkbox | Off | | Show Made in Canada | Checkbox | Off | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/tab/ TITLE: Tab SUMMARY: Build a tab layout. Must be used with the Tabs Block Builder section. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Tab** is a Shopify theme block in the Section Star library. Build a tab layout. Must be used with the Tabs Block Builder section. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Tab Design Set the design for the tab | Setting | Type | Default | | --- | --- | --- | | Tab | Inline rich text | Tab | | Tab Icon | Select (No Icon, Uploaded Image, Cart, Gift, Gift Card, Shipping…) | tag | | Image | Image | — | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ================================================================================ URL: https://sectionstar.app/blocks/trust-link/ TITLE: Trust Link SUMMARY: Add a customizable trust link to showcase important assurances like security, privacy, shipping, or guarantees. Perfect for building customer confidence and guiding shoppers with clear, trustworthy messaging. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Trust Link** is a Shopify theme block in the Section Star library. Add a customizable trust link to showcase important assurances like security, privacy, shipping, or guarantees. Perfect for building customer confidence and guiding shoppers with clear, trustworthy messaging. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Trust Link Set content and design for the trust link | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 14 | | Mobile Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.0 | | Text Color | Color | #111 | | Alignment | Text alignment | left | | Gap Between Image and Text | Number | 10 | | Headline | Inline rich text | Security & Privacy | | Bullet Point 1 | Inline rich text | • 100% secure payment | | Bullet Point 2 | Inline rich text | • Privacy guaranteed | | Bullet Point 3 | Inline rich text | — | | Image | Image | — | | Image Size | Number | 50 | | Link | URL | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/video/ TITLE: Video SUMMARY: Add beautiful videos to any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Video** is a Shopify theme block in the Section Star library. Add beautiful videos to any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. ### Display Set the display | Setting | Type | Default | | --- | --- | --- | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, Auto) | 4 / 3 | | Autoplay Video? | Checkbox | Off | | Loop Video? | Checkbox | On | | Mute Video? | Checkbox | On | | Video | Video | — | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ================================================================================ URL: https://sectionstar.app/blocks/upsell/ TITLE: Upsell SUMMARY: Provide an upsell opportunity in any section that supports Theme Blocks. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ **Upsell** is a Shopify theme block in the Section Star library. Provide an upsell opportunity in any section that supports Theme Blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the block is published. | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 14 | ### Product Set the product to upsell | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | ### Button Set the display of the button | Setting | Type | Default | | --- | --- | --- | | Button Text Color | Color | #fff | | Button Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Button Border Radius | Number | 5 | ### Upsell Display Set the display of the upsell block | Setting | Type | Default | | --- | --- | --- | | Highlight Color | Color | #f8f8f8 | | Add to Cart | Inline rich text | Add | | Sold Out | Inline rich text | Sold Out | | Desktop CSS | Liquid | — | | Mobile CSS | Liquid | — | ### Advanced Set advanced add to cart options | Setting | Type | Default | | --- | --- | --- | | Submit without going to Cart? | Checkbox | On | | Count Target (CSS selector) | Text | .cart-count-bubble span:first-child | ================================================================================ URL: https://sectionstar.app/docs/adjusting-headline-size-for-mobile/ TITLE: Adjusting Heading Size for Desktop and Mobile SUMMARY: Learn how to adjust text and other properties for display on a mobile device UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ A common challenge with designing your section is adjusting heading sizes to look just right on both desktop and mobile screens. Often, what works for desktop can appear too large on mobile. In this guide, we'll show you how to easily adjust heading sizes separately for desktop and mobile views, creating a seamless experience for all users. ## Step 1: Adding Custom CSS You can add the following CSS to target different screen sizes. ``` @media (max-width: 800px) { h2, h2 strong { font-size: 15px !important; } } ``` - `@media (max-width: 800px) { ... }`: This media query applies the styles inside it to devices with a screen width of 800px or less (commonly mobile devices). - `h2, h2 strong { font-size: 15px !important; }`: This sets the font size of the `h2` tag and any bold text inside it to 15px specifically for mobile devices. ## Step 2: Applying the CSS 1. Go to your theme's customization options. 2. Locate the **Custom CSS** section. 3. Paste the code provided above into the **Custom CSS** box. 4. Save the changes. ## Troubleshooting - **Issue:** The changes don't seem to work. **Solution:** Ensure you are viewing the site on a mobile device or by resizing your desktop browser to see the effect of the mobile-specific CSS. - **Issue:** The CSS is not taking effect. **Solution:** Try adding `!important` to the `font-size` property to override any other styles that might be affecting the heading size. You can verify the changes by previewing your site on both desktop and mobile views to ensure the heading sizes are adjusted as expected. ================================================================================ URL: https://sectionstar.app/docs/customizing-section/ TITLE: Customizing your section SUMMARY: Learn how to customize your section within Section Star UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ Every section within Section Star comes with built-in settings to customize the look-and-feel of your section. ## Customizing your section To customize a section, click on it in the theme customizer and then use the customization panel to update the look-and-feel. ![alt text]() ## Customizing blocks A lot of our sections contain blocks for elements that repeat in the UI. A good example of blocks are the images that show up in the Accordion grid. To customize blocks, navigate to the top level of the customizer and then click on the block. You can also add a block using the "Add Block" button. ![alt text]() ## Additional Customizations Our free sections provide the most common customizations for each section. Our premium sections dive a little bit deeper to give you more control. But, if there is a setting not available or you want something to look different on mobile, you can use the custom CSS option for your section. With custom CSS, you can use media queries and more to target different states of your section. ![alt text]() ================================================================================ URL: https://sectionstar.app/docs/enabling-recaptcha/ TITLE: Enabling reCAPTCHA for Shopify Forms SUMMARY: Learn how to enable Google's reCAPTCHA for Shopify forms built with Section Star UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ If you're using the Section Star app to manage your store's forms and want to protect them from spam, enabling Google reCAPTCHA is a straightforward solution. This guide will walk you through the process of enabling reCAPTCHA on forms created with Section Star. ## Step 1: Accessing Shopify Settings 1. **Login to your Shopify Admin panel.** 2. On the left-hand side menu, click on **Settings**. ## Step 2: Navigate to Checkout Settings 1. Within the **Settings** page, find and click on **Checkout**. 2. Scroll down to the **Form options** section. ## Step 3: Enable Google reCAPTCHA 1. In the **Form options** section, locate the **Enable Google reCAPTCHA** option. 2. Toggle the switch to enable reCAPTCHA on your forms. ## Step 4: Customize Your Forms (Optional) If you have multiple forms on one page, you might notice that both forms display the same submission confirmation message. While Shopify doesn't have built-in functionality to display unique messages for each form, you can customize the forms by adding custom code or using apps that allow for more advanced form handling. ## Step 5: Making Form Fields Compulsory (Optional) You may also want to make certain fields on your forms compulsory. This can be achieved by editing the form code or using a third-party app that provides more granular control over form validation. ## Additional Tips - **Label Your Forms:** To better manage submissions in your inbox, consider labeling your forms. This can be done by adding a hidden field in the form that specifies the form type. - **Custom Submission Messages:** Customizing the submission messages based on the form submitted might require some custom development work, especially if you want each form to show a unique confirmation message. ## Troubleshooting - **Form Submissions Not Working:** Ensure that you've correctly enabled reCAPTCHA and that your theme supports this feature. If you're using a custom theme, some adjustments might be required. - **Still Receiving Spam:** While reCAPTCHA significantly reduces spam, it's not foolproof. If spam persists, consider implementing additional layers of security. ## Conclusion Enabling reCAPTCHA on your Section Star forms is a simple yet effective way to protect your site from unwanted submissions. If you need more control over your forms, consider using apps from the Shopify App Store that offer advanced features like custom submission messages and detailed form management. ================================================================================ URL: https://sectionstar.app/docs/full-width-sections/ TITLE: Making your Sections Full Width SUMMARY: Learn how to make your sections extend the full width of the screen UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ By default, most Section Star sections center themselves within the viewport with margin and padding built-in on the sides. However, you can make any Section Star section extend the full width of the screen if needed. It just requires making a few quick updates to your settings. The documentation below goes through the necessary updates. ## 1. Update Max-Width in Container Design Start by changing the Max Width number to a large number--5000 works well. ![Udpate Max Width]() ## 2. Zero out the padding in Container Design Next, zero out the padding in the Container Design. ![Zero out Container Padding]() ## 3. Zero out the padding in Section Design Finally, zero out the padding in the Section Design. ![Zero out Section Padding]() That's it. Your section will now display full width on both mobile and desktop. ================================================================================ URL: https://sectionstar.app/docs/upgrading-theme/ TITLE: Upgrading your Shopify Theme SUMMARY: Learn how to successfully upgrade your theme that contains Section Star and other custom sections. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ Upgrading your theme should be easy, right?! Well, there is a long (really long) standing bug in Shopify that prevents **custom sections** from getting updated along with all the sections built into your theme. Section Star sections fall under this **custom sections** definition. So, it does require a few extra steps to update your theme. But, the good news is that updating your theme can be done relatively easily in just a few steps. ## 1. Update your theme following the normal Shopify process Goto Online Store > Themes and look for the link that says a new version is available. Then choose Add to theme library. ![alt text]() ## 2. Navigate to your code and validate that all the custom sections have been copied over Open code from your current theme and the updated theme in separate tabs. Now, simply validate all the sections are there. All Section Star sections start with the sp- prefix. So, they are easy to locate. If a section is missing, simply copy it from one theme to the other. The easiest way to do this is by selecting Add a New Section under sections/ and then copy and pasting from one file to another. It is important to copy and paste the sections rather than installing them from Section Star because our sections periodically get updated and could effect step #3. ![alt text]() ## 3. Copy over the configuration files Now under the templates/ folder, you need to copy and paste the JSON content from each template that has custom sections. Once again, copy and paste is the best way to do this. ![alt text]() ## 4. Report the bug to Shopify support Shopify development is driven by user feedback. If enough of you ask them to fix this bug, it will get done. So, I encourage you to reach out to Shopify support and file a bug report. ================================================================================ URL: https://sectionstar.app/docs/removing-section/ TITLE: Removing a section SUMMARY: Learn how to remove a Section Star section from your theme. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ This documentation will show you how to remove a section from your theme and optionally uninstall the section completely from your shop. ## 1. Find your section and remove it To remove a section from your template but not completely remove it from your shop, navigate to the theme cusomizer and select the trash can icon next to the section. ![Remove Section]() ## 2. Navigate to the code editor If you want to permanently remove a section from your shop, you need to navigate to the code editor. ![Code Editor]() ## 3. Delete the section Find the section under the sections/ folder and select the trashcan to completely remove it. Section Star sections start with the sp- prefix. ![Delete Section]() ================================================================================ URL: https://sectionstar.app/docs/installing-section/ TITLE: Installing your First Section SUMMARY: Learn how to install a section with Section Star. UPDATED: 2026-10-26T00:00:21.825Z ================================================================================ Installing your first section is really easy. ## 1. Find your section and Publish Launch Section Star and search for the section you want to install. Select the section and click on the Publish button. ![Click publish button]() ## 2. Select publish settings Next, select the name and theme you want to use. You can modify the name if you would like. Sections can be installed to any draft or live section with the exception of theme previews. ![Publish section modal]() ## 3. Jump to the theme customizer Use the deeplink to jump into the theme customizer. ![Theme Customizer Deep Link]() ## 4. Find your section Select the add Section Link to add a section and search for the name you provided in step #3. ![Theme Customizer]() ## 5. Customize Finally, customize the section to match your site design. ![Customize Section]() ================================================================================ URL: https://sectionstar.app/sections/accordion-feature-grid/ TITLE: Accordion Feature SUMMARY: Show a grid of featured blocks that dynamically slide open on hover. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Accordion Feature** is a Shopify theme section in the Section Star library. Show a grid of featured blocks that dynamically slide open on hover. ## About the Accordion Feature section The Accordion Feature Grid is a dynamic and responsive Shopify section that allows you to showcase the features of your products in a stylish and interactive accordion layout. The features are displayed in a grid format, with a headline, descriptive text, and a clickable "Call to Action" button that can be linked to any URL. Each feature includes an image that can zoom in upon hovering for better details. This customizable section is perfect for providing a visually appealing and organized display of your products' features. ## Live demo ## Use cases - **Presenting product features:** Use the accordion feature grid to showcase your product’s diverse features in detail with high-definition images. - **Highlighting services:** If your e-commerce store offers services, each service can be emphasized in individual sections of the accordion together with detailed descriptions. - **Showcasing collections:** You can also utilize the feature grid to highlight different collections available in your store. Use high-quality images that capture the essence of each collection and link to the respective collection pages. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Accordion Text Color | Color | #fff | | Accordion Headline Color | Color | #fff | | Headline Size | Range | 20 | | Mobile Headline Size | Range | 20 | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Spacing between Elements | Number | 10 | | Horizontal Alignment | Select (Left, Center, Right) | center | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Cover Opacity Increase on Hover | Range | 25 | | Border Radius | Number | 5 | | Grid Gap | Number | 10 | | Mobile Grid Gap | Number | 10 | | Grid Height | Number | 300 | | Mobile Grid Height | Number | 300 | | Mobile Display | Select (Accordion, Stacked) | accordion | | Round Borders on Media | Range | 5 | | Subtle Shadow on Text | Checkbox | On | | Subtle Shadow on Media | Checkbox | On | | Zoom on Hover | Checkbox | On | | Image Width (size requested from Shopify) | Number | 1000 | | Mobile Image Width (size requested from Shopify) | Number | 600 | | Lazy Load Images | Checkbox | On | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Padding Top/Bottom | Number | 8 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Link entire element? | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/accordion/ TITLE: Accordion SUMMARY: Show a grid of images and videos that dynamically slide open on hover. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Accordion** is a Shopify theme section in the Section Star library. Show a grid of images and videos that dynamically slide open on hover. ## About the Accordion section The Accordion section is a flexible, responsive module you can add to your Shopify store. It blends the essential combination of images or videos and allows certain customizations for the media. This section can be set to serve as image or video containers or both. The Accordion section with media can be resized and made responsive for various screen sizes and devices, offering a great UX to diverse user devices. ## Live demo ## Use cases 1. **Product Demonstration Videos**: The Accordion section can be used to display product demonstration videos to help customers understand how the product functions and its features. 2. **Feature Products Images** If you have a few products you want to feature for a specific period or season, use the Accordion section to create an impressive display for them. 3. **Brand or Campaign Videos**: If you have a brand or promotional video you want your visitors to see, this is a perfect place for it. Using videos or pictures will engage more visitors and potentially lead to higher conversion 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 Images | Number | 5 | | Mobile Display | Select (Accordion, Stacked) | accordion | ### Media Design Set the display for the images | Setting | Type | Default | | --- | --- | --- | | Height of Images | Number | 300 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Optional Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/annotations/ TITLE: Annotations SUMMARY: Add an image with annotations to any page. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Annotations** is a Shopify theme section in the Section Star library. Add an image with annotations to any page. ## About the Annotations section The Annotations section in Shopify's Section Star app is a customizable section that allows you to add annotations to your Shopify store. Annotations are textual notes that provide additional information about a particular area or feature of your website. These are useful for highlighting special features, explaining complex items, offering tips, and much more. This section provides a lot of flexibility with customizable fonts, colors, sizes, headings, and content. You can also adjust the position of the annotation. ## Live demo ## Use cases 1. **E-commerce Store**: Use annotations to highlight specific product features or to provide additional details about a product that might not be immediately obvious from the product image or title. 2. **Fashion Store**: Use annotations to highlight the special details of a design, explain the inspiration behind an outfit, or mention certain care instructions. 3. **Electronics Store**: Use annotations to explain complex features of an electronic product, highlight certain specifications, or suggest complementary accessories. ## 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 | | --- | --- | --- | | Display | Select (Image on Right, Image on Left, Image below Text) | default | | Gap between columns | Number | 30 | | Media Aspect Ratio | Select (9:16, 3:4, 21:9, 16:9, 4:3, 1:1…) | 4 / 3 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Spacing between Media | Number | 10 | ### Caption Set the display of the caption | Setting | Type | Default | | --- | --- | --- | | Caption Text Size | Range | 15 | ### Content Set the content for the section | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Inline rich text | This is the placeholder text for the … | ### Button Set content for the buttons. | Setting | Type | Default | | --- | --- | --- | | Show buttons? | Checkbox | On | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Annotation block settings | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 13 | | Text Color | Color | #111 | | Background Color | Color | #fff | | Pointer Location | Select (Bottom Left, Bottom Right, Top Left, Top Right) | bottom left | | Pointer Length | Range | 20 | | Mobile Pointer Length | Range | 20 | | Horizontal Offset | Range | 0 | | Vertical Offset | Range | 0 | | Text | Inline rich text | Sample annotation | | Optional Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/animate/ TITLE: Animate SUMMARY: Add entrance animations to any Section Star section. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Animate** is a Shopify theme section in the Section Star library. Add entrance animations to any Section Star section. ## About the Animate section The Animate section, offered by Section Star, is specifically designed to offer animation capabilities to your Shopify store. You are free to use this section in your store, but the redistribution of this section through another Shopify app is not allowed. The feature provides several entrance animations such as Slide In, Fade In, Slide Right, and Slide Left. You can select the element to animate (section, container, or columns). Plus, you can adjust the speed of animation and set advanced properties related to overflow. ## Live demo ## Use cases 1. Product Showcase: You can use the animation feature to create an engaging product showcase. It is possible to animate individual products or entire product sections. 2. Animated Sales Announcements: Announcing sales and offers via animation can draw customers' attention and boost engagement. 3. Dynamic Home Page: Animate several elements on your homepage to make the browsing experience delightful and improve user engagement. 4. Interactive Blog Section: Use the animations to make your blog posts stand out. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Animation Set the entrance animation for the SP section directly following the Animate section in the customizer hierarchy. | Setting | Type | Default | | --- | --- | --- | | Entrance Animation | Select (No animation, Slide In, Fade In, Slide Right, Slide Left) | none | | Animate Element | Select (Section, Container, Column 1, Column 2, Column 3) | container | | Speed (seconds) | Select (.25, .5, .75, 1, 1.25, 1.5…) | .75 | ### Advanced Set advanced properties for the animation. Setting overflow can fix spacing issues but should be tested before enabled. | Setting | Type | Default | | --- | --- | --- | | Set overflow hidden on body | Checkbox | Off | | Set overflow hidden on section | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/block-builder/ TITLE: Block Builder SUMMARY: Build your perfect section without limits — combine theme blocks, app blocks, or your own custom blocks into a fully bespoke layout that works exactly the way you need. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Block Builder** is a Shopify theme section in the Section Star library. Build your perfect section without limits — combine theme blocks, app blocks, or your own custom blocks into a fully bespoke layout that works exactly the way you need. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Background Color | Color or gradient | linear-gradient(127deg, rgba(241, 246… | | Background Image | Image | — | | Background Image Color | Color | — | | Background Image Size | Select (Auto, Cover, Contain) | cover | | Mobile Background Image | Image | — | | Mobile Background Image Color | Color | — | | Mobile Background Image Size | Select (Auto, Cover, Contain) | cover | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 25 | | Padding Left/Right | Number | 25 | | Mobile Padding Left/Right | Number | 25 | | Custom CSS Class | Text | — | ### Container Design Set the design for your inner container | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | — | | Max Width | Number | 1000 | | Padding Top/Bottom | Number | 10 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Mobile Padding Left/Right | Number | 10 | | Round Borders on Container | Range | 0 | | Subtle Shadow on Container | Checkbox | Off | | Border Size on Container | Range | 0 | | Border Color on Container | Color | #888 | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Gap Between Blocks | Number | 10 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ================================================================================ URL: https://sectionstar.app/sections/before-and-after/ TITLE: Before & After SUMMARY: Let your results build trust and sell for you — show stunning transformations with an interactive drag slider that brings before & after to life. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Before & After** is a Shopify theme section in the Section Star library. Let your results build trust and sell for you — show stunning transformations with an interactive drag slider that brings before & after to life. ## About the Before & After section The Before and After Section is a Shopify section that allows store owners to show a compelling before and after comparison. The section features functionality for two images, before and after captions, text content, and a call-to-action (CTA) button. The images can be dragged to reveal more of the before or after scenario, providing an interactive experience for store visitors. The section is very customizable and includes options to adjust text fonts, sizes, colors, the section background, and more. ## Live demo ## Use cases 1. **Product Demonstrations:** Show the effectiveness of your products, especially those that provide a noticeable result after use such as cosmetics, health and wellness products, etc. 2. **Service Illustrations:** Illustrate the effectivity of your services like cleaning services, event management, home renovation, and professional organizing. 3. **Case Studies:** Claiming your product or service can bring about changes is one thing, showing it is another. Document the journey of your customers' progress due to your product or service. ## 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 | | --- | --- | --- | | Spacing between columns | Number | 20 | ### Before & After Display Set the display for the before and after feature. | Setting | Type | Default | | --- | --- | --- | | Media Location | Select (Left, Right, Bottom) | left | | Mobile Media Location | Select (Top, Bottom) | top | | Slide Direction | Select (Horizontal, Vertical) | horizontal | | Start % | Number | 50 | | Show Divider | Checkbox | Off | | Show Circle Selector | Checkbox | On | | Bar Color | Color | #fff | | Bar Opacity | Range | 75 | | Circle Color | Color | #fff | | Circle Opacity | Range | 95 | | Circle Icon Color | Color | #111 | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 16 / 9 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Before Image | Image | — | | Before Caption | Inline rich text | Before | | After Image | Image | — | | After Caption | Inline rich text | After | ### Headline Design Set design of the headline | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>This is an example of the content … | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Spacing between Headline and Features | Number | 15 | ### Button Style Set the look and feel of 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 | ================================================================================ URL: https://sectionstar.app/sections/circle-chart-grid/ TITLE: Circle Chart Grid SUMMARY: Build amazing circle charts. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Circle Chart Grid** is a Shopify theme section in the Section Star library. Build amazing circle charts. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the display of grid | Setting | Type | Default | | --- | --- | --- | | Columns on Desktop | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr 1fr 1fr | | Columns on Mobile | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr | ### Chart Design Set the display of chart | Setting | Type | Default | | --- | --- | --- | | Headline Size | Range | 18 | | Chart Size | Range | 100 | ### Grid Design Set the display of the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | ### 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 | ### Chart block settings | Setting | Type | Default | | --- | --- | --- | | Chart Percent | Range | 40 | | Chart Text Color | Color | #111 | | Chart Color | Color | #8C1AF8 | | Headline | Inline rich text | <b>Headline</b> | | Text | Inline rich text | Some followup text to build on the fe… | | Link (optional) | URL | — | ================================================================================ URL: https://sectionstar.app/sections/card-scroll/ TITLE: Card Scroll SUMMARY: Display product cards in a beautiful, easy-to-scroll grid. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Card Scroll** is a Shopify theme section in the Section Star library. Display product cards in a beautiful, easy-to-scroll grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Grid Gap | Number | 20 | | Width | Number | 300 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Card Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Uniform height? | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Make Entire Card Clickable? | Checkbox | Off | | Hide button? | Checkbox | Off | | Spacing between Elements | Number | 5 | | Card Padding | Number | 10 | | Card Text Size | Range | 13 | | Card Headline Size | Range | 18 | | Card Background Color | Color | #fff | | Card Text Color | Color | #111 | | Round Borders on Card | Range | 5 | | Subtle Shadow on Card | Checkbox | On | | Show the description? | Checkbox | On | | Truncate description? | Checkbox | On | | Truncate Length | Number | 50 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Text Size | Range | 13 | | Button Text Color | Color | #fff | ### Image Design Set the design for your image | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Description | Inline rich text | This is a sample description | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Open in New Tab | Checkbox | Off | ### Product block settings | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | | Call to Action | Inline rich text | Shop Now | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/circle-scroll/ TITLE: Circle Scroll SUMMARY: Display a circle menu in a beautiful, easy-to-scroll grid. Add items manually or add a collection. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Circle Scroll** is a Shopify theme section in the Section Star library. Display a circle menu in a beautiful, easy-to-scroll grid. Add items manually or add a collection. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Gap | Number | 20 | ### Circle Design Set the design of the card | Setting | Type | Default | | --- | --- | --- | | Subtle Shadow on Circle | Checkbox | On | | Round Borders on Circle | Range | 50 | | Show Ring on Circle | Checkbox | On | | Border on Circle | Checkbox | On | | Border Color | Color | #fff | | Circle Size | Number | 200 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Testimonial Design Set the look and feel of the testimonial | Setting | Type | Default | | --- | --- | --- | | Stars Color | Color | #111 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Media Display Set the display of the media | Setting | Type | Default | | --- | --- | --- | | Show Big Play Button | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Ring Color | Color or gradient | linear-gradient(310deg, rgba(17, 189,… | | Image | Image | — | | Image Size | Number | 800 | | Mobile Image Size | Number | 800 | | Optional Text | Inline rich text | Menu Text | | Optional Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Text | Inline rich text | Menu Text | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | ### Collection block settings | Setting | Type | Default | | --- | --- | --- | | Ring Color 1 | Color or gradient | linear-gradient(310deg, rgba(17, 189,… | | Ring Color 2 | Color or gradient | linear-gradient(310deg, rgba(17, 189,… | | Ring Color 3 | Color or gradient | linear-gradient(310deg, rgba(17, 189,… | | Collection | Collection | — | ================================================================================ URL: https://sectionstar.app/sections/circle-menu/ TITLE: Circle Menu SUMMARY: Turn navigation into a visual experience — showcase your collections and products in a stunning circular layout that shoppers love to explore. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Circle Menu** is a Shopify theme section in the Section Star library. Turn navigation into a visual experience — showcase your collections and products in a stunning circular layout that shoppers love to explore. ## About the Circle Menu section The **Circle Menu** section is a versatile and visually engaging component designed to enhance the user experience on your Shopify store. It allows you to display images or videos in a circular format, creating an attractive and organized layout for showcasing products, collections, or any other relevant content. The circles can contain media such as images and videos, with optional text and links, making it ideal for dynamic and interactive displays. ## Live demo ## Use cases 1. **Product Display**: Use the Circle Menu to showcase featured products, new arrivals, or top-selling items in an eye-catching circular grid. Each circle can link directly to the product page, helping to drive sales. 2. **Collections Overview**: Highlight different collections within your store, with each circle representing a distinct collection. Users can click on the circles to navigate to the respective collection pages. 3. **Branding and Promotion**: Incorporate promotional videos or images with relevant text to highlight sales events, discounts, or new product launches. The circular design adds an element of novelty to your promotional content. 4. **Customer Testimonials**: Display customer reviews and testimonials in a visually appealing circular format. Embed short video clips or images of happy customers along with their testimonials to build trust and credibility. 5. **Event Highlights**: If your store is involved in events or trade shows, use the Circle Menu to display highlights, photos, and videos from these events. This can help build community engagement and showcase your brand's active involvement. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Circle Design Set the design of the section | Setting | Type | Default | | --- | --- | --- | | Circle Alignment | Text alignment | center | | Subtle Shadow on Circle | Checkbox | On | | Round Borders on Circle | Range | 50 | | Show Ring on Circle | Checkbox | On | | Border on Circle | Checkbox | On | | Border Color | Color | #fff | | Circle Size | Number | 150 | | Mobile Circle Size | Number | 75 | | Gap Between Images | Number | 25 | | Mobile Gap Between Images | Number | 15 | ### Mobile Display Set the mobile display | Setting | Type | Default | | --- | --- | --- | | Mobile Display | Select (Scroll, Stacked) | scroll | | Show Scrollbars | Checkbox | Off | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Ring Color | Color or gradient | linear-gradient(310deg, rgba(17, 189,… | | Image | Image | — | | Optional Text | Inline rich text | Menu Text | | Optional Link | URL | — | | Open in New Tab | Checkbox | Off | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Ring Color | Color or gradient | linear-gradient(310deg, rgba(17, 189,… | | Video | Video | — | | Optional Text | Inline rich text | Menu Text | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ### Product block settings | Setting | Type | Default | | --- | --- | --- | | Ring Color | Color or gradient | linear-gradient(310deg, rgba(17, 189,… | | Product | Product | — | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/circle-swap/ TITLE: Circle Swap Menu SUMMARY: Make navigation a visual delight — showcase products and collections in a circular menu with a slick image swap on hover that keeps shoppers exploring. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Circle Swap Menu** is a Shopify theme section in the Section Star library. Make navigation a visual delight — showcase products and collections in a circular menu with a slick image swap on hover that keeps shoppers exploring. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Circle Design Set the design of the section | Setting | Type | Default | | --- | --- | --- | | Circle Alignment | Text alignment | center | | Subtle Shadow on Circle | Checkbox | On | | Round Borders on Circle | Range | 50 | | Show Ring on Circle | Checkbox | On | | Border on Circle | Checkbox | On | | Border Color | Color | #fff | | Circle Size | Number | 150 | | Mobile Circle Size | Number | 75 | | Gap Between Images | Number | 25 | | Mobile Gap Between Images | Number | 15 | ### Mobile Display Set the mobile display | Setting | Type | Default | | --- | --- | --- | | Mobile Display | Select (Scroll, Stacked) | scroll | | Show Scrollbars | Checkbox | Off | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Ring Color | Color or gradient | linear-gradient(310deg, rgba(17, 189,… | | Image | Image | — | | Swap Image | Image | — | | Optional Text | Inline rich text | Menu Text | | Optional Link | URL | — | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/color-splash/ TITLE: Color Splash SUMMARY: Add a splash of color to your sections with a beautiful splash of color. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Color Splash** is a Shopify theme section in the Section Star library. Add a splash of color to your sections with a beautiful splash of color. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Color Splash Set settings for the color callout | Setting | Type | Default | | --- | --- | --- | | Color Splash | Color | #3B8B96 | | Splash Height | Number | 75 | | Mobile Splash Height | Number | 75 | ### Grid Design Set settings for the grid | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right, Full Width) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Mobile Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, Auto) | 4 / 3 | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Content Set the content for the section | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Primary Action Text | Inline rich text | Shop More | | Primary Action Link | URL | — | | Show Secondary Action? | Checkbox | Off | | Secondary Action Text | Inline rich text | Secondary Action | | Secondary Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/contact-form-modal/ TITLE: Contact Modal SUMMARY: Display a custom contact form on demand using our powerful modal. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Contact Modal** is a Shopify theme section in the Section Star library. Display a custom contact form on demand using our powerful modal. ## About the Contact Modal section The Contact Modal section is designed to provide an interactive pop-up form for customers to get in touch with your store. When triggered, the modal displays a customizable form where visitors can enter their contact details and messages. The modal can be styled to match your store’s design, ensuring a seamless user experience. This section includes options to override store fonts, customize text sizes, select colors, and set various form elements. ## Live demo ## Use cases 1. **Customer Support**: Allow customers to easily reach out for support or inquiries by adding a contact modal link to your FAQ or Help pages. 2. **Sales Inquiries**: Embed the contact modal link on product pages to handle sales inquiries. Customers can quickly ask questions about products and receive personalized responses. 3. **Feedback Collection**: Use the contact modal to gather customer feedback about their shopping experience. Place the link on the order confirmation page to capture post-purchase feedback. 4. **Newsletter Sign-Up**: Customize the modal to serve as a newsletter sign-up form. Promote special offers and updates by encouraging visitors to subscribe. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Target Add the below string to any URL to launch the modal. Please keep the #. | Setting | Type | Default | | --- | --- | --- | | Target | Text | #contact-modal | | Change browser url on launch | Checkbox | Off | ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | | Headline Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Headline Size | Range | 25 | | Headline Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Headline Color | Color | #111111 | | Text Color | Color | #111111 | | Form Label Color | Color | #111111 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Divider Color | Color | #888 | | Highlight Color | Color | #0D8BF4 | | Success Background Color | Color | #00D815 | | Error Background Color | Color | #D53005 | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Padding Top | Number | 25 | | Padding Bottom | Number | 25 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Subject (shown only in email) | Inline rich text | — | | Headline Location | Select (Left, Right) | left | | Headline | Inline rich text | <b>Get in touch</b> | | Content | Inline rich text | Use this form to get in touch. We usu… | | Success Message | Inline rich text | Thank you for submitting the form! | | Error Message | Inline rich text | There was an error submitting the form. | | Button Text | Text | Submit | ### Email block settings | Setting | Type | Default | | --- | --- | --- | | Label (required) | Text | Email | | Required? | Checkbox | On | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Name block settings | Setting | Type | Default | | --- | --- | --- | | Label (required) | Text | Name | | Required? | Checkbox | On | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label (required) | Text | Label | | Required? | Checkbox | On | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Single Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label (required) | Text | Label | | Hide Label? | Checkbox | Off | | Options (separate by comma) | Text | — | | Span Columns | Checkbox | Off | ### Multiple Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label (required) | Text | Email | | Hide Label? | Checkbox | Off | | Options (separate by comma) | Text | — | | Span Columns | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/comparison-grid/ TITLE: Comparison Grid SUMMARY: Win more sales by making the choice easy — show side-by-side comparisons that clearly highlight why your product comes out on top. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Comparison Grid** is a Shopify theme section in the Section Star library. Win more sales by making the choice easy — show side-by-side comparisons that clearly highlight why your product comes out on top. ## About the Comparison Grid section The Comparison Grid section is designed to help you visually compare your products and features against those of your competitors. With this easy-to-use and customizable grid layout, you can highlight the strengths of your offerings, making it simple for potential customers to understand the advantages of choosing your products. This section supports rich customization options including font, text size, color, and alignment settings, ensuring it can be seamlessly integrated into your store's design. ## Live demo ## Use cases 1. **Technical Product Features:** If you sell complex products like electronics or software, use the Comparison Grid to show key specifications side-by-side. 2. **Service Comparison:** For service-oriented businesses, highlight the benefits of your service compared to competitor offerings. 3. **Product Lines:** If you offer different models or versions of a product, use the grid to compare the features of each model. 4. **Customer Decision Making:** Aid customers in making informed decisions by transparently displaying feature differences, which can lead to higher conversion rates. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Headline Set the content 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> | | Content | Inline rich text | This is the placeholder text for the … | | Spacing between Headline and Features | Number | 15 | ### Table Display Set the display of the table | Setting | Type | Default | | --- | --- | --- | | Highlight Color | Color | #F3F9FE | | Border Color | Color | #CCCCCC | | Check Color | Color | #00B05A | | X Color | Color | #D61F1F | | Cell Padding | Number | 5 | | Product Title | Inline rich text | Our Product | | Competitor Product | Inline rich text | Competitor Product | ### Comparison block settings | Setting | Type | Default | | --- | --- | --- | | Label | Inline rich text | Product Feature | | Product Supports | Checkbox | On | | Competitor Supports | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/contact-form-with-image/ TITLE: Image Contact Form SUMMARY: Build your own contact form and pair it with an image. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Image Contact Form** is a Shopify theme section in the Section Star library. Build your own contact form and pair it with an image. ## About the Image Contact Form section The Image Contact Form section is a versatile and visually appealing way for your customers to get in touch with you. Featuring a customizable form alongside a prominent image, this section makes it easy for your visitors to reach out and ensures their messages are styled and retained within a consistent theme. Whether you want the image on the left or right, this section's flexibility allows it to adapt to your site's design needs effortlessly. ## Live demo ## Use cases 1. **Customer Support**: Allow customers to quickly reach out with questions, returns, or issues by embedding this form on your support page. 2. **Product Inquiries**: Place this form on product pages to enable customers to ask questions about your products directly. 3. **Event Sign-Up**: Use this form to collect RSVPs or registrations for events. 4. **Feedback Collection**: Add the form to your feedback page to easily gather customer opinions and suggestions. 5. **Wholesale Inquiries**: Use the form to provide an easy way for potential wholesale buyers to get in touch with you. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Label Color | Color | #111111 | | Highlight Color | Color | #0D8BF4 | | Success Background Color | Color | #00D815 | | Error Background Color | Color | #D53005 | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Image Aspect Ratio | Select (21:9, 16:9, 4:3) | 4 / 3 | | Image | Image | — | | Round Borders on Image | Range | 5 | | Subtle Shadow on Image | Checkbox | On | | Headline | Inline rich text | <b>Get in touch</b> | | Content | Inline rich text | Use this form to get in touch. We usu… | | Subject (shown only in email) | Inline rich text | — | | Success Message | Inline rich text | Thank you for submitting the form! | | Error Message | Inline rich text | There was an error submitting the form. | | Button Text | Text | Submit | ### Button Style Set the look and feel of 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 | ### Email block settings | Setting | Type | Default | | --- | --- | --- | | Label (required) | Text | Email | | Required? | Checkbox | On | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Name block settings | Setting | Type | Default | | --- | --- | --- | | Label (required) | Text | Name | | Required? | Checkbox | On | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label (required) | Text | Label | | Required? | Checkbox | On | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Single Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label (required) | Text | Label | | Hide Label? | Checkbox | Off | | Options (separate by comma) | Text | — | | Span Columns | Checkbox | Off | ### Multiple Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label (required) | Text | Label | | Hide Label? | Checkbox | Off | | Options (separate by comma) | Text | — | | Span Columns | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/columns-premium/ TITLE: Page Builder SUMMARY: Create complex layouts with images, videos, icons, columns and more. Combine multiple page builder sections to develop robust pages. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Page Builder** is a Shopify theme section in the Section Star library. Create complex layouts with images, videos, icons, columns and more. Combine multiple page builder sections to develop robust pages. ## About the Page Builder section **Columns Premium** is a highly customizable section designed to enhance your Shopify store with sophisticated layouts. Utilize this section to curate diverse content, including text, images, videos, and icons, in a grid-like format that adjusts to various screen sizes. The flexibility of Columns Premium enables you to showcase your products, promotions, and brand ethos seamlessly and strategically. ## Live demo ## Use cases 1. **Product Showcases**: Highlight specific products by using a combination of images, videos, and detailed descriptions. 2. **Promotional Banners**: Create eye-catching promotional banners that include countdown timers, special offer tags, and call-to-action buttons. 3. **Customer Reviews and Testimonials**: Display customer reviews with a five-star rating system alongside their testimonies to build trust. 4. **Brand Stories**: Share your brand’s journey through a series of rich texts, images, and videos to engage your audience. 5. **Feature Highlights**: Use icons with text to illustrate the features and benefits of your products or services. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Gap Between Content Elements | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | | Is Sticky? | Checkbox | Off | | Sticky Offset | Number | 100 | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ### Image Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Image Size | Number | 25 | | Gap Between Content Items | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | ================================================================================ URL: https://sectionstar.app/sections/contact-form/ TITLE: Contact Form SUMMARY: Build a custom contact form — show customers you are accessible and build trust through easy, direct support. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Contact Form** is a Shopify theme section in the Section Star library. Build a custom contact form — show customers you are accessible and build trust through easy, direct support. ## About the Contact Form section The Contact Form section allows you to seamlessly integrate a customizable and stylish contact form into your Shopify store. This section provides a user-friendly interface for customers to get in touch with you, while giving you the flexibility to control fonts, colors, dimensions, and form fields to match your store's design and branding. ## Live demo ## Use cases 1. **Customer Support**: Use the contact form to allow customers to reach out for support, providing a direct channel for resolving issues or answering questions about products. 2. **Feedback Collection**: Encourage customers to provide feedback on their shopping experience, helping you to understand strengths and areas for improvement. 3. **Order Inquiries**: Customers can use the form to ask questions about their orders, shipping information, or product details. 4. **Business Inquiries**: Potential business partners or wholesale buyers can use the form to get in touch with you for business opportunities. 5. **Custom Orders**: Facilitate custom order requests where customers can specify their unique requirements. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Form Label Color | Color | #111111 | | Divider Color | Color | #888 | | Highlight Color | Color | #0D8BF4 | | Success Background Color | Color | #00D815 | | Error Background Color | Color | #D53005 | ### Form Set the form settings | Setting | Type | Default | | --- | --- | --- | | Form Spacing | Number | 10 | ### Content Set content for section | Setting | Type | Default | | --- | --- | --- | | Headline Location | Select (Left, Right, Top) | left | | Alignment | Text alignment | left | | Headline | Inline rich text | <b>Get in Touch</b> | | Content | Inline rich text | Use the form to get in touch with us.… | | Subject (shown only in email) | Inline rich text | — | | Success Message | Inline rich text | Thank you for submitting the form! | | Error Message | Inline rich text | There was an error submitting the form. | | Button Text | Text | Submit | ### Button Style Set the look and feel of 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 | ### Email block settings | Setting | Type | Default | | --- | --- | --- | | Label (required) | Text | Email | | Required? | Checkbox | On | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Name block settings | Setting | Type | Default | | --- | --- | --- | | Label (required) | Text | Name | | Required? | Checkbox | On | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Required? | Checkbox | On | | Label (required) | Text | Label | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Multi-Line Text block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Required? | Checkbox | On | | Label (required) | Text | Label | | Hide Label? | Checkbox | Off | | Placeholder | Text | — | | Span Columns | Checkbox | Off | ### Single Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label (required) | Text | Label | | Hide Label? | Checkbox | Off | | Options (separate by comma) | Text | — | | Span Columns | Checkbox | Off | ### Multiple Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label (required) | Text | Email | | Hide Label? | Checkbox | Off | | Options (separate by comma) | Text | — | | Span Columns | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/count-down-banner/ TITLE: Countdown Banner SUMMARY: Create urgency that converts — add a sleek countdown banner to your promotions and watch shoppers act before time runs out. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Countdown Banner** is a Shopify theme section in the Section Star library. Create urgency that converts — add a sleek countdown banner to your promotions and watch shoppers act before time runs out. ## About the Countdown Banner section The Count Down Banner section is designed to create a dynamic and engaging countdown timer on your Shopify store. It can be used to highlight sales, promotions, or any event that requires a countdown. The section is fully customizable with options for font styles, icon choices, colors, and more. ## Live demo ## Use cases 1. **Flash Sales**: Create urgency for your customers by highlighting limited-time flash sales. 2. **New Product Launch**: Build anticipation for a new product launch by counting down to the exact launch time. 3. **Seasonal Discounts**: Use the countdown banner to promote seasonal discounts such as Black Friday, Cyber Monday, or Christmas sales. 4. **Event Countdown**: Perfect for highlighting upcoming events like webinars, special announcements, or any event where a countdown could increase engagement. 5. **Limited Stock Notification**: Inform customers of limited stock availability or an offer that expires soon. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | | Timer Font | Font | sans-serif | | Override text sizes | Checkbox | On | | Text Size | Range | 15 | | Timer Size | Range | 15 | ### Text Colors | Setting | Type | Default | | --- | --- | --- | | Text Color | Color | #fff | | Timer Color | Color | #111 | | Link Color | Color | #005bd3 | | Underline Link? | Checkbox | On | ### Banner Colors | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #222… | | Countdown Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | ### Grid Design | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 10 | ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Max Width of Section | Number | 1000 | | Padding Top | Number | 25 | | Padding Bottom | Number | 25 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | ### End Date Set the end date to count down to. | Setting | Type | Default | | --- | --- | --- | | End Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | ### Countdown Design Set the display of the countdown timer | Setting | Type | Default | | --- | --- | --- | | Days Text | Text | days | | Hide days? | Checkbox | Off | | Hours Text | Text | hours | | Minutes Text | Text | mins | | Seconds Text | Text | seconds | | Hide seconds? | Checkbox | Off | ### Icon Display | Setting | Type | Default | | --- | --- | --- | | Icon Size | Range | 30 | | Icon Color | Color | #0D8BF4 | | Icon | Select (No Icon, Cart, Gift, Gift Card, Shipping, Payment…) | tag | ### Content Set the content for section | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Select (Left, Center, Right) | left | | Mobile Text Alignment | Select (Left, Center, Right) | left | | Countdown Alignment | Select (Left, Center, Right) | right | | Mobile Countdown Alignment | Select (Left, Center, Right) | left | | Content | Inline rich text | This is the sample banner text | ================================================================================ URL: https://sectionstar.app/sections/copy-banner/ TITLE: Copy Banner SUMMARY: Drive sales with a one-click promo code banner — shoppers copy your discount code instantly and head straight to checkout. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Copy Banner** is a Shopify theme section in the Section Star library. Drive sales with a one-click promo code banner — shoppers copy your discount code instantly and head straight to checkout. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Text Color | Color | #fff | | Link Color | Color | #0d8bf4 | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Check Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Check Color | Color | #111 | ### Dimensions Set the section dimensions | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Gap Between Testimonials | Number | 20 | | Padding Top/Bottom | Number | 10 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Mobile Padding Left/Right | Number | 10 | ### Content Set the content for the section. | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Text | Inline rich text | Get this item for 20% off with the fo… | | Text to Copy | Inline rich text | ABC1234 | | Instructions | Text | Click to Copy to Clipboard | ================================================================================ URL: https://sectionstar.app/sections/count-down-to-date/ TITLE: Countdown to Date SUMMARY: Countdown to a specific date for holidays, sales, and promos — build urgency around any time-limited offer. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Countdown to Date** is a Shopify theme section in the Section Star library. Countdown to a specific date for holidays, sales, and promos — build urgency around any time-limited offer. ## About the Countdown to Date section The "Count Down to Date" section is a customizable countdown timer feature that you can add to your Shopify store using the Section Star app. It visually displays the time remaining until a specific date and can be useful for limited-time promotions, sales, and special events. The design is fully customizable, allowing you to adjust fonts, colors, sizes, and alignment to match your store's branding. ## Live demo ## Use cases 1. **Flash Sales:** Create urgency by setting up a countdown for limited-time offers. This can help boost sales and encourage customers to make a purchase before the timer runs out. 2. **New Product Launch:** Build excitement for an upcoming product release by displaying a countdown timer. This helps create anticipation and can increase traffic to your store on the launch day. 3. **Holiday Promotions:** Use a countdown timer for seasonal sales or holiday events. Inform customers exactly how much time they have to take advantage of special deals. 4. **Event Registrations:** If you are organizing an event or webinar, a countdown timer can help you keep track of how much time is left for sign-ups, thus driving more registrations. 5. **Special Discount Countdown:** Offer special discounts that expire after a certain period. Display a countdown to show customers how much time they have left to avail of the discount. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Display Set the design of the grid | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Text Color | Color | #FFF | | Column Width | Number | 150 | | Timer Size | Range | 60 | | Mobile Timer Size | Range | 20 | | Timer Alignment | Text alignment | center | | Padding | Number | 20 | | Mobile Padding | Number | 10 | | Space between Columns | Number | 15 | ### End Date Set the end date to count down to. | Setting | Type | Default | | --- | --- | --- | | End Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | ### Countdown Design Set the display of the countdown timer | Setting | Type | Default | | --- | --- | --- | | Mobile Columns | Select (1 column (stacked), 1 column (fit), 2 Columns) | two-column | | Days Text | Inline rich text | days | | Hours Text | Inline rich text | hours | | Minutes Text | Inline rich text | minutes | | Seconds Text | Inline rich text | seconds | ### Display Display settings for the section | Setting | Type | Default | | --- | --- | --- | | Show Seconds Column | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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 | ================================================================================ URL: https://sectionstar.app/sections/count-down/ TITLE: 24 Hour Countdown SUMMARY: A 24-hour countdown timer to create urgency and drive more sales — perfect for flash sales and time-limited promotions. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **24 Hour Countdown** is a Shopify theme section in the Section Star library. A 24-hour countdown timer to create urgency and drive more sales — perfect for flash sales and time-limited promotions. ## About the 24 Hour Countdown section The **24 Hour Countdown** section is a visually engaging timer for your Shopify storefront that highlights limited-time promotions or offers. This section creates a sense of urgency by displaying an hourly countdown that encourages customers to act quickly. Complete with a customizable headline, text, and styling options, this section helps drive conversions by leveraging time-sensitive offers. ## Live demo ## Use cases - **Flash Sales**: Display a countdown during a flash sale event, creating urgency and increasing the likelihood of impulsive purchases. - **Holiday Promotions**: Use the timer for seasonal promotions such as Black Friday, Cyber Monday, or end-of-year clearances to capitalize on limited-time deals. - **Product Launches**: Build excitement and anticipation by counting down to the release of a new product or collection. - **Special Events**: Highlight the countdown to a special event like a giveaway, a webinar, or a timed exclusive meetup, driving customer engagement. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Display Set the design of the grid | Setting | Type | Default | | --- | --- | --- | | Column Width | Number | 150 | | Space between Columns | Number | 15 | ### Timer Display Customize the display of the timer | Setting | Type | Default | | --- | --- | --- | | Timer Alignment | Text alignment | center | | Timer Size | Range | 60 | | Padding | Number | 20 | | Countdown Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Timer Color | Color | #FFF | | Start Hours Left | Number | 14 | | Start Minutes Left | Number | 0 | | Show Hours Column | Checkbox | On | | Hours Text | Inline rich text | hours | | Minutes Text | Inline rich text | minutes | | Seconds Text | Inline rich text | seconds | | Show Seconds Column | Checkbox | On | | Round Borders on Countdown | Range | 5 | | Subtle Shadow on Countdown | Checkbox | On | ### 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 | ================================================================================ URL: https://sectionstar.app/sections/count-up/ TITLE: Count Up Banner SUMMARY: Make your numbers impossible to ignore — animated stats that count up as shoppers scroll, turning your milestones into a powerful trust signal. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Count Up Banner** is a Shopify theme section in the Section Star library. Make your numbers impossible to ignore — animated stats that count up as shoppers scroll, turning your milestones into a powerful trust signal. ## About the Count Up Banner section The Count Up Banner section is designed to showcase numerical milestones or statistics in an appealing and dynamic way. It leverages animated count-up effects to grab the visitor's attention, making it perfect for highlighting significant achievements, sales figures, or important metrics related to your business. ## Live demo ## Use cases 1. **Highlight Sales Milestones**: Display your total sales, number of happy customers, or unique transactions on your homepage to build credibility and trust. 2. **Show Visitor Statistics**: Share impressive site visits, active users, or subscription numbers to encourage new visitors to join the growing community. 3. **Achievements and Awards**: Use the banner to showcase the number of awards won, certificates achieved, or years in business, enhancing brand prestige. 4. **Social Proof**: Display the count of social media followers, likes, or shares to emphasize your brand’s popularity and active engagement. 5. **Order Fulfillment**: Highlight the number of orders shipped, products sold, or successful deliveries to reassure potential customers of your efficiency and reliability. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Count Display Set the display of the count section | Setting | Type | Default | | --- | --- | --- | | Count Size | Range | 75 | | Count Spacing | Number | 10 | | Count Color | Color | #111 | | Box 1 Number | Number | 5000 | | Box 1 Text | Text | Milestone Reached | | Box 2 Number | Number | 500 | | Box 2 Text | Inline rich text | Milestone Reached | | Box 3 Number | Number | 100 | | Box 3 Text | Inline rich text | Milestone Reached | | Count Alignment | Text alignment | center | ### 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 | ================================================================================ URL: https://sectionstar.app/sections/count-up-hero/ TITLE: Count Up Hero SUMMARY: Enhance your store’s impact with a dynamic hero section featuring a built-in count-up effect. Showcase key metrics—like total sales, happy customers, or years in business—in an engaging way that builds trust and captures attention. This interactive element adds movement to your page, making your brand feel more credible and compelling at a glance. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Count Up Hero** is a Shopify theme section in the Section Star library. Enhance your store’s impact with a dynamic hero section featuring a built-in count-up effect. Showcase key metrics—like total sales, happy customers, or years in business—in an engaging way that builds trust and captures attention. This interactive element adds movement to your page, making your brand feel more credible and compelling at a glance. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Hero Design Set the design for the hero | Setting | Type | Default | | --- | --- | --- | | Hero Max Width | Number | 500 | | Hero Padding Top/Bottom | Number | 100 | | Hero Padding Left/Right | Number | 10 | | Subtle Shadow on Text | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Box Alignment | Text alignment | center | ### Count Display Set the display of the count section | Setting | Type | Default | | --- | --- | --- | | Count Max Width | Number | 800 | | Count Padding Top/Bottom | Number | 25 | | Count Padding Left/Right | Number | 25 | | Count Overlap | Number | 25 | | Round Borders on Count | Range | 5 | | Subtle Shadow on Count | Checkbox | On | | Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Count Size | Range | 75 | | Count Spacing | Number | 10 | | Count Color | Color | #111 | | Box 1 Number | Number | 5000 | | Box 1 Text | Text | Milestone Reached | | Box 2 Number | Number | 500 | | Box 2 Text | Inline rich text | Milestone Reached | | Box 3 Number | Number | 100 | | Box 3 Text | Inline rich text | Milestone Reached | | Count Alignment | Text alignment | center | ### Headline Set text for the headline | Setting | Type | Default | | --- | --- | --- | | Hero Image | Image | — | | 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 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/countdown-hero/ TITLE: Countdown Hero SUMMARY: A countdown image hero that creates urgency and drives sales during promotions, launches, and flash events. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Countdown Hero** is a Shopify theme section in the Section Star library. A countdown image hero that creates urgency and drives sales during promotions, launches, and flash events. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the settings for the grid | Setting | Type | Default | | --- | --- | --- | | Grid gap | Number | 20 | ### Image Design Set the image for the section | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 16 / 9 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Image | Image | — | | Media Location | Select (Left, Right) | left | ### End Date Set the end date to count down to. | Setting | Type | Default | | --- | --- | --- | | End Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | ### Countdown Design Set the display of the countdown timer | Setting | Type | Default | | --- | --- | --- | | Days Text | Text | days | | Hours Text | Text | hours | | Minutes Text | Text | minutes | | Seconds Text | Text | seconds | | Padding | Number | 15 | | Spacing Between Time Blocks | Number | 5 | | Show Days | Checkbox | On | | Show Seconds | Checkbox | On | | Timer Size | Range | 25 | | Timer Label Size | Range | 13 | | Timer Text Color | Color | #555 | | Timer Background Color | Color or gradient | linear-gradient(164deg, rgba(255, 255… | | Round Borders | Range | 5 | | Subtle Shadow | Checkbox | On | ### Content Set the content for the section | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Inline rich text | This is the placeholder text for the … | | Spacing between Headline and Features | Number | 15 | ### Button Set content for the buttons. | Setting | Type | Default | | --- | --- | --- | | Show buttons? | Checkbox | On | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ================================================================================ URL: https://sectionstar.app/sections/details-modal/ TITLE: Details Modal SUMMARY: Display a modal with a headline and rich text. Great for adding quick info to any page. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Details Modal** is a Shopify theme section in the Section Star library. Display a modal with a headline and rich text. Great for adding quick info to any page. ## About the Details Modal section The **Details Modal** section provides a customizable pop-up modal that can be added to your Shopify store. This modal can be used to provide additional information, announcements, promotions, or details to your customers in an engaging format. --- ## Live demo ## Use cases 1. **Product Details:** Enhance product pages with additional product specifications, care instructions, or size guides. 2. **Promotional Banners:** Use the modal to highlight current sales, limited-time offers, or discount codes to engage more customers. 3. **Policy Information:** Easily share return policies, shipping information, or FAQs without cluttering the main page. 4. **Event Announcements:** Keep your customers informed about upcoming events, store openings, or new collection releases. 5. **Newsletter Sign-up:** Encourage visitors to subscribe to your newsletter by providing a sign-up form within the modal. --- ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Target Add the below string to any URL to launch the modal. Please keep the #. | Setting | Type | Default | | --- | --- | --- | | Target | Text | #details-modal | | Change browser url on launch | Checkbox | Off | ### Text Set the text size for your widget | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | | Text Size | Range | 15 | | Headline Font | Font | sans-serif | | Headline Size | Range | 25 | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Headline Color | Color | #111111 | | Text Color | Color | #111111 | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Padding Top | Number | 25 | | Padding Bottom | Number | 25 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | Sample headline | | Content | Inline rich text | Sample content | ================================================================================ URL: https://sectionstar.app/sections/divider/ TITLE: Divider SUMMARY: A simple section to add a highly customizable divider to any page. Simple, useful, free. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Divider** is a Shopify theme section in the Section Star library. A simple section to add a highly customizable divider to any page. Simple, useful, free. ## About the Divider section The "Divider" section for Shopify, designed using the Section Star app, offers a customizable horizontal divider to enhance the design and structure of your store's content. This section allows you to add a visually appealing break between different parts of your page, helping you to better organize and highlight key information. With various settings for color, size, and padding, you can tailor the section to fit seamlessly into your store's overall aesthetic. ## Live demo ## Use cases 1. **Separation of Content**: Use the Divider section to create a clear distinction between different content areas on your homepage, such as separating featured products from testimonials. 2. **Highlight New Collections**: Place a Divider section above or below new collection announcements to draw attention and create visual interest. 3. **Breaking Up Long Pages**: For stores with long content pages, such as detailed blogs or extensive product descriptions, the Divider can be used to create manageable sections, improving readability. 4. **Promotional Banners**: Incorporate the Divider section above or below promotional banners to enhance visibility and create a more polished look. 5. **Style Enhancements**: Use the customizable options to match the Divider section with your store’s branding, ensuring a cohesive design throughout your site. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Divider Color | Color or gradient | linear-gradient(164deg, #ccc 0%, #ccc… | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Divider Height | Range | 5 | | Divider Width | Range | 25 | | Divider Border Radius | Range | 3 | | Padding Top | Number | 25 | | Padding Bottom | Number | 25 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | ================================================================================ URL: https://sectionstar.app/sections/card-grid/ TITLE: Card Grid SUMMARY: Showcase products in a polished card grid — flexible images, text, and calls to action designed to sell. UPDATED: 2026-10-26T00:00:21.885Z ================================================================================ **Card Grid** is a Shopify theme section in the Section Star library. Showcase products in a polished card grid — flexible images, text, and calls to action designed to sell. ## About the Card Grid section The **Card Grid** section is a versatile, customizable grid-based layout designed for showcasing different features, products, or any other items through visually appealing cards. Each card can include an image, headline, description, and a call-to-action (CTA) button. The grid adapts seamlessly across devices, offering either a slideshow view or a multi-column stacked display on mobile. ## Live demo ## Use cases 1. **Product Showcases**: Highlight featured products in an appealing grid format with images, brief descriptions, and direct links to product pages for quick purchase. 2. **Customer Testimonials**: Display customer reviews with their photos and snippets of their feedback, making customer experiences more relatable and impactful. 3. **Blog Highlights**: Showcase popular blog posts with featured images, titles, and excerpts, guiding visitors to explore the content more thoroughly. 4. **Promotional Offers**: Create visually appealing promotional banners with details on current offers, discount codes, and links to relevant collections or products. 5. **Team Members Introduction**: Introduce your team members with their photos, roles, and short biographies, adding a personal touch to your store's about page. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Columns | Select (1 column, 2 columns, 3 columns, 4 columns, 5 columns, Auto) | auto | | Gap Between Cards | Number | 20 | ### Card Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Uniform height? | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Make Entire Card Clickable? | Checkbox | Off | | Hide button? | Checkbox | Off | | Stack headline, text, and button? | Checkbox | Off | | Card Text Alignment | Text alignment | left | | Spacing between Elements | Number | 5 | | Card Padding | Number | 10 | | Card Text Size | Range | 13 | | Card Headline Size | Range | 18 | | Card Background Color | Color | #fff | | Card Text Color | Color | #111 | | Round Borders on Card | Range | 5 | | Subtle Shadow on Card | Checkbox | On | | Show Hover Animation on Card | Checkbox | On | | Show the description? | Checkbox | On | | Truncate description? | Checkbox | On | | Truncate Length | Number | 50 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 5 | | Padding Left/Right | Number | 5 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Button Text Size | Range | 13 | ### Media Set the design for your media | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | ### Mobile Display Set the mobile display | Setting | Type | Default | | --- | --- | --- | | Mobile Display | Select (Slideshow, Stacked) | slideshow | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | | Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### 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>Check out our Products</b> | | Text | Inline rich text | Get answers to your questions about o… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Description | Inline rich text | This is a sample description | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Open in New Tab | Checkbox | Off | ### Product block settings | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | | Headline | Inline rich text | — | | Description | Inline rich text | — | | Call to Action | Inline rich text | Shop Now | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/ext-video-grid/ TITLE: External Video Grid SUMMARY: Display a grid of YouTube or Vimeo videos side by side. Converts to a slideshow on mobile. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **External Video Grid** is a Shopify theme section in the Section Star library. Display a grid of YouTube or Vimeo videos side by side. Converts to a slideshow on mobile. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the display for the grid | Setting | Type | Default | | --- | --- | --- | | Grid Gap | Number | 20 | | Mobile Display | Select (Slideshow, Stacked) | slideshow | | Columns (when stacked) | Select (1 column, 2 columns) | 1fr | | Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Video Design Set the display for the videos | Setting | Type | Default | | --- | --- | --- | | Video Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 16 / 9 | | Round Borders on Videos | Range | 5 | | Subtle Shadow on Videos | Checkbox | On | | Video Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | ### 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 Grid | Number | 15 | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video URL | — | ================================================================================ URL: https://sectionstar.app/sections/ext-video-standalone/ TITLE: External Video Standalone SUMMARY: A clean, full-width standalone video section for YouTube or Vimeo. Add an optional headline and text above the video. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **External Video Standalone** is a Shopify theme section in the Section Star library. A clean, full-width standalone video section for YouTube or Vimeo. Add an optional headline and text above the video. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Video Choose the video and related settings | Setting | Type | Default | | --- | --- | --- | | Video | Video URL | — | | Video Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, 9:21) | 16 / 9 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Video Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | ### 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 Video | Number | 15 | ================================================================================ URL: https://sectionstar.app/sections/ext-video-text/ TITLE: External Video Text SUMMARY: Just like our beloved image section but with external video! Choose from Youtube or Vimeo. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **External Video Text** is a Shopify theme section in the Section Star library. Just like our beloved image section but with external video! Choose from Youtube or Vimeo. ## Live demo ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Video Location | Select (Left, Right) | left | | Mobile Video Location | Select (Top, Bottom) | top | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <strong>Sample headline</strong> | | Content | Rich text | <p>This is an example of the rich tex… | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Video Choose the video and related settings | Setting | Type | Default | | --- | --- | --- | | Video | Video URL | — | | Video Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, 9:21) | 16 / 9 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Video Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | ### Button Style Set the look and feel of 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 | ================================================================================ URL: https://sectionstar.app/sections/fall-hero/ TITLE: Fall Hero SUMMARY: Create amazing falling leaves effect on your hero section. The falling leaves adds a holiday or fall feel to your site. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Fall Hero** is a Shopify theme section in the Section Star library. Create amazing falling leaves effect on your hero section. The falling leaves adds a holiday or fall feel to your site. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Leaf Design Set settings for the leaves | Setting | Type | Default | | --- | --- | --- | | Number of Leaves | Range | 50 | ### Hero Design Set the design for the hero | Setting | Type | Default | | --- | --- | --- | | Hero Padding Top/Bottom | Number | 100 | | Hero Padding Left/Right | Number | 10 | | Subtle Shadow on Text | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Box Alignment | Text alignment | center | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ### Content Set the section content. | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>This is our hero tagline</b> | | Content | Rich text | <p>Use this to add a description to y… | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Hero Image | Image | — | | Mobile Hero Image | Image | — | | Image Size | Number | 1100 | | Mobile Image Size | Number | 800 | ================================================================================ URL: https://sectionstar.app/sections/falling-leaves/ TITLE: Falling Leaves SUMMARY: Capture the beauty of fall on your storefront — add a stunning falling leaves effect to any image and give your site a warm, seasonal atmosphere. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Falling Leaves** is a Shopify theme section in the Section Star library. Capture the beauty of fall on your storefront — add a stunning falling leaves effect to any image and give your site a warm, seasonal atmosphere. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Leaf Design Set settings for the leaves | Setting | Type | Default | | --- | --- | --- | | Number of leaves | Range | 50 | ### Grid Design Set settings for the grid | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 21 / 9 | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Image | Image | — | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/countdown-scroll/ TITLE: Countdown Scroll SUMMARY: Pair a scrollable product list with a countdown timer — create urgency and sell more during time-limited promotions. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Countdown Scroll** is a Shopify theme section in the Section Star library. Pair a scrollable product list with a countdown timer — create urgency and sell more during time-limited promotions. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Grid Gap | Number | 20 | | Width | Number | 300 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Card Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Uniform height? | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Make Entire Card Clickable? | Checkbox | Off | | Hide button? | Checkbox | Off | | Spacing between Elements | Number | 5 | | Card Padding | Number | 10 | | Card Text Size | Range | 13 | | Card Headline Size | Range | 18 | | Card Background Color | Color | #fff | | Card Text Color | Color | #111 | | Round Borders on Card | Range | 5 | | Subtle Shadow on Card | Checkbox | On | | Show the description? | Checkbox | On | | Truncate description? | Checkbox | On | | Truncate Length | Number | 50 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Text Size | Range | 13 | | Button Text Color | Color | #fff | ### Image Design Set the design for your image | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | ### End Date Set the end date to count down to. | Setting | Type | Default | | --- | --- | --- | | End Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | ### Countdown Design Set the display of the countdown timer | Setting | Type | Default | | --- | --- | --- | | Timer Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Background Image | Image | — | | Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Headline Text Color | Color | #111 | | Headline Size | Range | 25 | | Timer Text Color | Color | #FFF | | Timer Size | Range | 25 | | Headline | Inline rich text | <b>Shop our Holiday Sale Today</b> | | Text | Inline rich text | Save 20% for a limited time | | Days Text | Inline rich text | days | | Hours Text | Inline rich text | hours | | Minutes Text | Inline rich text | minutes | | Seconds Text | Inline rich text | seconds | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Description | Inline rich text | This is a sample description | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Open in New Tab | Checkbox | Off | ### Product block settings | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | | Call to Action | Inline rich text | Shop Now | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/fab/ TITLE: Action Button SUMMARY: Keep key actions always within reach — add a persistent floating button that follows shoppers as they scroll. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Action Button** is a Shopify theme section in the Section Star library. Keep key actions always within reach — add a persistent floating button that follows shoppers as they scroll. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Text Set the text size for your widget | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | | Text Size | Range | 15 | | Alignment | Select (Left, Right) | right | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Text Color | Color | #111 | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Padding Top | Number | 10 | | Padding Bottom | Number | 10 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | ### Icon Set the design of the icon | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #111 0%, #000… | | Icon Color | Color | #fff | | Icon Size | Number | 25 | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 10 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Image Set the image (optional). This will replace the icon if set. | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | ### Video Set the video (optional). This will replace the icon if set. | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ### Content Set the section content. | Setting | Type | Default | | --- | --- | --- | | Action Text | Inline rich text | <b>Get in Touch</b> | | Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/faq-plus/ TITLE: FAQ Plus SUMMARY: Create feature-rich FAQs to build trust and address customer objections — with more options and flexibility than the standard FAQ. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **FAQ Plus** is a Shopify theme section in the Section Star library. Create feature-rich FAQs to build trust and address customer objections — with more options and flexibility than the standard FAQ. ## About the FAQ Plus section The "FAQ Plus" section is a versatile and interactive FAQ module that can be seamlessly integrated into your Shopify store. This section not only allows you to present frequently asked questions and their answers in a structured manner, but it also supports multimedia content such as images and videos. The customizable design ensures that the FAQ section aligns with the overall theme and aesthetics of your store. ## Live demo ## Use cases 1. **Product Information:** Use the FAQ Plus section to address common questions about your products, such as material, sizing, or usage instructions. Adding videos demonstrating product features can enhance user understanding. 2. **Shipping and Returns:** Provide clear answers about your shipping policies, delivery times, and return process. Including instructional videos for return procedures can improve customer satisfaction. 3. **Store Policies:** Inform your customers about important policy details such as payment methods, privacy policies, and terms of service. This helps build trust and transparency. 4. **Promotions and Discounts:** Answer questions related to ongoing promotions or discounts. Visual explanations through images or videos can clarify how to avail themselves of these offers. 5. **Account Management:** Guide users on how to create, manage, and delete their accounts. Visual tutorials can make it easier for customers to navigate their account settings. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Grid Gap | Number | 10 | | Grid Column Size | Select (1 column, 2 Columns) | 1fr | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for your image or video | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Border Size on Media | Range | 0 | | Border Color on Media | Color | #888 | ### FAQ Design Set the design for your FAQ question and answer | Setting | Type | Default | | --- | --- | --- | | Question Size | Range | 18 | | Question Color | Color | #111111 | | Answer Color | Color | #555555 | | FAQ Padding | Number | 10 | | FAQ Gap | Number | 10 | | Subtle Shadow on FAQ | Checkbox | On | | Round Borders on FAQ | Range | 5 | | Border Size on FAQ | Range | 0 | | Border Color on FAQ | Color | #888 | | Active Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Inactive Background Color | Color or gradient | linear-gradient(164deg, #F0F0F0 0%, #… | | Indicator on FAQ | Select (Plus/Minus, Arrow) | plus_minus | ### Headline Set text for the headline | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Check out our FAQ</b> | | Text | Inline rich text | Get answers to your questions about o… | ### Question block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Video | Video | — | | Question | Inline rich text | <b>How does the FAQ section work?</b> | | Answer | Rich text | <p>Its simple really. You just add th… | #### Advanced Video Set the advanced video settings | Setting | Type | Default | | --- | --- | --- | | Poster Image (optional) | Image | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | On | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/faq-sync/ TITLE: FAQ Sync SUMMARY: Pair a trust-building FAQ with a synced image — answer questions and reassure shoppers in one engaging layout. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **FAQ Sync** is a Shopify theme section in the Section Star library. Pair a trust-building FAQ with a synced image — answer questions and reassure shoppers in one engaging layout. ## About the FAQ Sync section The FAQ Sync section allows you to create a fully customizable FAQ (Frequently Asked Questions) segment for your Shopify store. With the ability to add images or videos next to each question, the FAQ Sync section enables an interactive and engaging experience for customers. This section includes numerous configuration options to match your store's design and ensure your FAQ section is both functional and attractive. ## Live demo ## Use cases 1. **Product Information**: Embed detailed product information via videos and images next to frequently asked questions to help customers make informed purchasing decisions. 2. **Customer Support**: Provide quick answers to common support inquiries. Videos demonstrating solutions to common problems can enhance customer satisfaction. 3. **Shipping Information**: Display answers to shipping queries, paired with visual aids such as maps or delivery carrier logos, to reduce confusion and support requests. 4. **Return Policy**: Explain your return and exchange policies with visual aids or instructional videos, making it easier for customers to understand the process. 5. **Store Usage Tips**: Offer tips on how to use your store's features, like account management or navigating your product categories, with instructional videos. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for your grid | Setting | Type | Default | | --- | --- | --- | | Grid Gap | Number | 10 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for your image or video | Setting | Type | Default | | --- | --- | --- | | Media Location | Select (Left, Right) | left | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16) | 4 / 3 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Border Size on Media | Range | 0 | | Border Color on Media | Color | #888 | ### FAQ Design Set the design for your FAQ question and answer | Setting | Type | Default | | --- | --- | --- | | Question Size | Range | 18 | | Question Color | Color | #111111 | | Answer Color | Color | #555555 | | FAQ Padding | Number | 10 | | FAQ Gap | Number | 10 | | Subtle Shadow on FAQ | Checkbox | On | | Round Borders on FAQ | Range | 5 | | Border Size on FAQ | Range | 0 | | Border Color on FAQ | Color | #888 | | Active Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Inactive Background Color | Color or gradient | linear-gradient(164deg, #F0F0F0 0%, #… | | Indicator on FAQ | Select (Plus/Minus, Arrow) | plus_minus | ### 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 | ### Question block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Video | Video | — | | Question | Inline rich text | <b>How does the FAQ section work?</b> | | Answer | Rich text | <p>Its simple really. You just add th… | #### Advanced Video Set the advanced video settings | Setting | Type | Default | | --- | --- | --- | | Poster Image (optional) | Image | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | On | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/faq-with-image/ TITLE: FAQ with Image SUMMARY: Answer questions and build trust at the same time — pair a compelling visual with your FAQ for a more engaging and reassuring experience. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **FAQ with Image** is a Shopify theme section in the Section Star library. Answer questions and build trust at the same time — pair a compelling visual with your FAQ for a more engaging and reassuring experience. ## About the FAQ with Image section The "FAQ with Image" section enables Shopify store owners to create a visually engaging FAQ section that includes an image alongside questions and answers. This section is perfect for addressing common customer queries while leveraging visual elements to maintain user engagement. The section is highly customizable, allowing users to tailor the look and feel to match their brand’s aesthetics. ## Live demo ## Use cases 1. **Product-Specific FAQs**: Use the section to provide detailed answers to common questions about a specific product. This can help reduce customer inquiries and improve the shopping experience. 2. **Shipping & Returns**: Display important information about shipping times, costs, return policies, and more. An image representing your shipping process can add a personal touch. 3. **Company Story**: Combine frequently asked questions about your brand with an image that tells your company’s story. This can build a connection with your customers. 4. **Usage Instructions**: Offer instructions on how to use your product effectively. An accompanying image or series of images can provide visual guidance. 5. **Customer Service**: List ways customers can reach out for support and include an image that visually represents your customer service team. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### FAQ Design Set the design for the FAQ | Setting | Type | Default | | --- | --- | --- | | Question Text Size | Range | 25 | | Question Color | Color | #111111 | | Answer Color | Color | #555555 | | Vertical Alignment | Select (Center, Top, Bottom) | start | | Image Location | Select (Left, Right) | left | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Image | Image | — | | Round Borders on Image | Range | 2 | | Subtle Shadow on Image | Checkbox | On | ### 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 text field to add a descript… | | Spacing between Headline and Features | Number | 15 | ### Question block settings | Setting | Type | Default | | --- | --- | --- | | Question | Inline rich text | <b>How does the FAQ section work?</b> | | Answer | Rich text | <p>Its simple really. You just add th… | | Is open by default? | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/faq/ TITLE: FAQ SUMMARY: Show FAQs in a slick expanding view — answer objections, build trust, and help shoppers feel confident buying from you. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **FAQ** is a Shopify theme section in the Section Star library. Show FAQs in a slick expanding view — answer objections, build trust, and help shoppers feel confident buying from you. ## About the FAQ section The FAQ section built using the Section Star app for Shopify is designed to provide an interactive and easily navigable way to display frequently asked questions and their answers on your Shopify store. This section allows you to customize fonts, colors, and spacing, ensuring that the FAQ aligns well with your store's design aesthetics. It also supports a responsive layout, ensuring optimal display on various screen sizes. ## Live demo ## Use cases 1. **Product Information**: Use the FAQ section to answer common questions about your products such as sizing, materials, and care instructions, helping customers make informed purchasing decisions. 2. **Shipping and Returns**: Provide details on shipping times, costs, and return policies to address customer queries and reduce the number of support requests. 3. **Store Policies**: Clarify store policies on issues such as payment methods, account creation, and privacy policies, ensuring customers feel secure when shopping on your site. 4. **Technical Support**: Include troubleshooting tips and technical guides for products that require assembly or specific usage instructions, helping to enhance customer satisfaction. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### FAQ Design Set the design for the FAQ | Setting | Type | Default | | --- | --- | --- | | Question Text Size | Range | 25 | | Question Color | Color | #111111 | | Answer Color | Color | #555555 | ### 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 | ### Question block settings | Setting | Type | Default | | --- | --- | --- | | Question | Inline rich text | <b>How does the FAQ section work?</b> | | Answer | Rich text | <p>Its simple really. You just add th… | | Is open by default? | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/feature-hero/ TITLE: Feature Hero SUMMARY: A beautiful hero with featured sections. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Feature Hero** is a Shopify theme section in the Section Star library. A beautiful hero with featured sections. ## About the Feature Hero section The Feature Hero section from **Section Star** for Shopify allows store owners to highlight key offerings with an eye-catching hero banner accompanied by interactive featured blocks. This section is highly customizable, letting you define typography, background, dimensions, and button styles. ## Live demo ## Use cases 1. **New Arrivals**: Highlight the latest products in your store with a captivating headline and enticing imagery. 2. **Seasonal Promotions**: Announce seasonal sales or limited-time offers to engage customers and boost sales. 3. **Top-Rated Products**: Showcase customer favorites with a five-star rating graphic to build trust and encourage sales. 4. **Brand Story**: Present your brand's story or unique selling points right at the top to captivate your audience. 5. **Newsletter Signup**: Encourage visitors to join your mailing list with a persuasive call-to-action. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Headline Font | Font | sans-serif | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.5 | | Text Color | Color | #111 | | Headline Size | Range | 40 | | Headline Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Headline Color | Color | #111 | ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Background | Color or gradient | — | | Content Background | Color or gradient | linear-gradient(319deg, rgba(226, 236… | | Background Image | Image | — | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 0 | | Shape | Select (None, Single Wave, Overlapping Single Wave, Wave, Overlapping Wave, Sharp Wave…) | rounded | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Gap Between Images | Number | 25 | | Overlap of Featured Items | Number | -125 | | Padding Top | Number | 125 | | Padding Bottom | Number | 125 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | | Spacing between Elements | Number | 15 | ### Features Set the display of the featured section. | Setting | Type | Default | | --- | --- | --- | | Feature Max Width | Number | 1000 | | Feature Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 4 / 3 | | Round Borders on Feature | Range | 5 | | Subtle Shadow on Feature | Checkbox | On | | Feature Headline Size | Range | 20 | | Feature Headline Color | Color | #111 | | Feature Text Size | Range | 15 | | Feature Text Color | Color | #111 | | Padding in Feature | Number | 20 | | Spacing between Elements in Feature | Number | 10 | ### Content Set the content for the section | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>Sample headline</b> | | Headline Alignment | Text alignment | center | | Content | Inline rich text | This is the placeholder text for the … | | Content Alignment | Text alignment | center | ### Button Set content for the buttons. | Setting | Type | Default | | --- | --- | --- | | Show buttons? | Checkbox | On | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Slideshow Mobile slideshow settings | Setting | Type | Default | | --- | --- | --- | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Content Alignment | Text alignment | center | | Headline | Inline rich text | <b>Featured Product</b> | | Show Five Stars | Checkbox | On | | Star Color | Color | #111 | | Text | Inline rich text | Use this text block to describe your … | | Button Link | URL | — | | Button Text | Text | Learn more | ================================================================================ URL: https://sectionstar.app/sections/diptych/ TITLE: Diptych SUMMARY: Two images, one impact — pair your best visuals side by side for a bold, editorial look that stops scrollers in their tracks. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Diptych** is a Shopify theme section in the Section Star library. Two images, one impact — pair your best visuals side by side for a bold, editorial look that stops scrollers in their tracks. ## About the Diptych section The **Diptych** section is a versatile Shopify component designed to enhance your store's visual appeal and user experience. This section allows you to create a dynamic layout with text, images, and customizable call-to-action buttons, all while maintaining a consistent design language. ## Live demo ## Use cases 1. **Promotional Banners:** Use the Diptych section to highlight new product launches, special offers, or seasonal sales with eye-catching visuals and text. 2. **Customer Testimonials:** Showcase customer reviews and ratings with five-star icons and testimonial text to build trust and credibility. 3. **Product Highlights:** Feature key products or collections with high-quality images, descriptions, and call-to-action buttons for easy navigation. 4. **Brand Storytelling:** Use the rich text and image options to tell the story of your brand, its mission, and its values to create a meaningful connection with your audience. 5. **Pairing Products:** Showcase complementary products together, helping customers to see how items can be combined, increasing the likelihood of upsells and cross-sells. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the display of the grid | Setting | Type | Default | | --- | --- | --- | | Media Location | Select (Left, Right) | left | | Gap Between Columns | Number | 20 | ### Images Set the images for the section | Setting | Type | Default | | --- | --- | --- | | Image 1 | Image | — | | Image 1 Tilt (degrees) | Number | 0 | | Image 2 | Image | — | | Image 2 Tilt (degrees) | Number | 0 | ### Headline Design Set design of the headline | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>This is an example of the content … | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Spacing between Headline and Features | Number | 15 | ### Button Style Set the look and feel of 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 | ================================================================================ URL: https://sectionstar.app/sections/feature-five/ TITLE: Feature Five SUMMARY: A slick 5 image display to call attention to your products. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Feature Five** is a Shopify theme section in the Section Star library. A slick 5 image display to call attention to your products. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Setup the display of the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Gap between Text Elements | Number | 15 | ### Content Set content for the section | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample Headline</b> | | Content | Rich text | <p>This is sample content for the des… | | Link Text | Text | Shop More | | Link | URL | — | ### Images Select the images. | Setting | Type | Default | | --- | --- | --- | | Image 1 | Image | — | | Image 2 | Image | — | | Image 3 | Image | — | | Image 4 | Image | — | | Image 5 | Image | — | | Size of Primary Image | Number | 250 | | Image Tilt | Number | 5 | | Image Width (size requested from Shopify) | Number | 500 | | Mobile Image Width (size requested from Shopify) | Number | 400 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ================================================================================ URL: https://sectionstar.app/sections/feature-grid/ TITLE: Feature Grid SUMMARY: Showcase your products in a flexible grid to drive sales. Choose stacked or slideshow for mobile display. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Feature Grid** is a Shopify theme section in the Section Star library. Showcase your products in a flexible grid to drive sales. Choose stacked or slideshow for mobile display. ## About the Feature Grid section The Feature Grid section is a versatile and visually appealing section designed to highlight key features or products on your Shopify store. It allows you to showcase multiple items in a grid layout with customizable images, headlines, and call-to-action buttons. Perfect for drawing attention to new arrivals, bestsellers, or special promotions, the Feature Grid section adapts to various screen sizes for optimal viewing on both desktop and mobile devices. ## Live demo ## Use cases 1. **Highlighting New Arrivals**: Showcase the newest additions to your store with high-quality images, compelling headlines, and direct links to product pages. 2. **Promoting Bestsellers**: Draw attention to your best-selling products to potential customers, enhancing their visibility and potentially boosting sales. 3. **Seasonal Collections**: Feature seasonal or themed collections with eye-catching visuals and a cohesive layout, ideal for holiday promotions or limited-time offers. 4. **Customer Testimonials**: Use the grid layout to present customer reviews or testimonials with images, ensuring they stand out and add credibility to your store. 5. **Special Promotions**: Announce time-sensitive deals or discounts with prominent headlines and call-to-action buttons, encouraging immediate customer action. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Feature Design Set settings for the feature blocks | Setting | Type | Default | | --- | --- | --- | | Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | ### Grid Design Set settings for the grid | Setting | Type | Default | | --- | --- | --- | | Grid Gap | Number | 20 | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Mobile Display Set the mobile display | Setting | Type | Default | | --- | --- | --- | | Mobile Display | Select (Slideshow, Stacked) | slideshow | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | | Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | Feature Headline | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Make Entire Block Clickable | Checkbox | Off | #### Secondary Button (optional) Do not use with the make entire block clickable | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/feature-scroll/ TITLE: Feature Scroll SUMMARY: Show your products in a beautiful scroll grid — keeps shoppers browsing and selling for you continuously. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Feature Scroll** is a Shopify theme section in the Section Star library. Show your products in a beautiful scroll grid — keeps shoppers browsing and selling for you continuously. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Gap Between Testimonials | Number | 20 | | Height | Number | 300 | | Mobile Height | Number | 300 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Feature Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Spacing between Elements | Number | 10 | | Horizontal Alignment | Select (Left, Center, Right) | center | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Design Set the design for your grid | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Collection block settings | Setting | Type | Default | | --- | --- | --- | | Collection | Collection | — | | Call to Action | Inline rich text | Shop Now | ================================================================================ URL: https://sectionstar.app/sections/fixed-sales-bar/ TITLE: Fixed Sales Bar SUMMARY: Add a fixed sales bar to any page. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Fixed Sales Bar** is a Shopify theme section in the Section Star library. Add a fixed sales bar to any page. ## About the Fixed Sales Bar section The Fixed Sales Bar is a customizable, fixed-position sales bar designed to engage customers and enhance product visibility. It sticks to the bottom of the page and features essential product information, including the product price, availability status, and customizable call-to-action buttons like "Add to Cart" and "Buy Now." This bar is particularly useful for e-commerce stores with long product pages or for encouraging quick purchasing actions. ## Live demo ## Use cases 1. **Promoting Flash Sales:** Highlight limited-time offers to create urgency and drive sales. 2. **Enhancing Mobile Usability:** Ensure critical actions like adding to cart or buying now are always accessible, even as users scroll through long product descriptions. 3. **Cross-Selling Products:** Use the bar to display related or complementary products when the main product is out of stock or less prioritized. 4. **Highlighting New Arrivals:** Instantly showcase newly added products to improve visibility and purchase rate. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Text Set the text size for your widget | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | | Text Size | Range | 15 | | Text Color | Color | #111111 | | Link Color | Color | #0D8BF4 | | Price Font | Font | sans-serif | | Price Size | Range | 18 | | Price Color | Color | #111111 | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 100%, #F… | ### Text Set text for the section | Setting | Type | Default | | --- | --- | --- | | Center Text | Inline rich text | — | | Sold Out Text | Inline rich text | - Sold Out | | Select Text | Inline rich text | Select Option | | Add to Cart Text | Inline rich text | Add to Cart | | Buy Now Text | Inline rich text | Buy Now | ### Button Set styles for the button | Setting | Type | Default | | --- | --- | --- | | Buy Now Text Color | Color | #fff | | Buy Now Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #111… | | Buy Now Border Color | Color | #111 | | Add to Cart Text Color | Color | #111 | | Add To Cart Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Add to Cart Border Color | Color | #111 | | Button Border Size | Number | 1 | | Text Size | Range | 15 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Highlight Color | Color | #0D8BF4 | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 30 | | Control Height | Number | 40 | | Max Width of Section | Number | 1000 | | Padding Top | Number | 10 | | Padding Bottom | Number | 10 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | ### Product Select the product for the fixed bar. Product pages should use the current option. Other pages, should use a selected product. | Setting | Type | Default | | --- | --- | --- | | Product Source | Select (Current (product pages only), Selected (select a product below)) | current | | Product | Product | — | ### Display Display the section | Setting | Type | Default | | --- | --- | --- | | Subtle Shadow on Container | Checkbox | On | ### Advanced Advanced options for the section | Setting | Type | Default | | --- | --- | --- | | Show Quantity | Checkbox | Off | | Show Buy Now Button | Checkbox | On | | Show Add to Cart Button | Checkbox | On | | Show After Scroll | Checkbox | Off | | Threshold from Top (px) | Number | 500 | | Threshold from Top on Mobile(px) | Number | 500 | ================================================================================ URL: https://sectionstar.app/sections/filmstrip/ TITLE: Filmstrip SUMMARY: A beautiful vertical scrolling marquee that pauses on hover for direct links. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Filmstrip** is a Shopify theme section in the Section Star library. A beautiful vertical scrolling marquee that pauses on hover for direct links. ## About the Filmstrip section The Filmstrip section is a dynamic and visually appealing addition to any Shopify e-commerce store. This section allows you to display a series of images or videos in a continuous horizontal scroll, drawing attention to your featured products or marketing messages. It is fully customizable, with settings for fonts, colors, dimensions, and animation speed to match your brand’s aesthetic. ## Live demo ## Use cases 1. **New Product Launches**: Highlight newly launched products by showcasing them in the filmstrip. Visitors can easily view multiple new products without navigating away from the landing page. 2. **Seasonal Promotions**: Utilize the filmstrip to promote seasonal sales or holiday collections. Each slide can feature a different product or offer, encouraging users to explore more. 3. **Customer Testimonials**: Showcase customer reviews in a visually engaging manner by adding testimonial quotes as text and images within the filmstrip. 4. **Brand Storytelling**: Use videos to tell your brand’s story or explain the unique features of your products. The filmstrip allows for an interactive and engaging way to communicate your message. 5. **Best Sellers**: Promote your top-selling products by displaying them in the filmstrip, making it easy for customers to see what's popular and potentially make a purchase. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Images | Number | 25 | | Additional Spacing between Text and Marquee | Number | 25 | | Height of the Filmstrip | Number | 500 | | Gap between columns | Number | 30 | ### Marquee Set the display for the marquee | Setting | Type | Default | | --- | --- | --- | | Speed | Select (Fastest, Faster, Fast, Medium, Slow, Slower…) | 20s | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Spacing between Media | Number | 10 | ### Caption Set the display of the caption | Setting | Type | Default | | --- | --- | --- | | Caption Headline Size | Range | 20 | | Caption Text Size | Range | 15 | | Caption Text Color | Color | #111 | | Caption Background | Color or gradient | linear-gradient(164deg, rgba(255, 255… | | Show Glass Effect? | Checkbox | On | ### Content Set the content for the section | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>This is the placeholder text for t… | | Spacing between Headline and Features | Number | 15 | ### Button Set content for the buttons. | Setting | Type | Default | | --- | --- | --- | | Show buttons? | Checkbox | On | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Text | Inline rich text | Sample Headline | | Text | Inline rich text | Sample text to describe the product | | Optional Link | URL | — | | Show Arrow on Hover? | Checkbox | On | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Text | Inline rich text | Sample Headline | | Text | Inline rich text | Sample text to describe the product | | Optional Link | URL | — | | Show Arrow on Hover? | Checkbox | On | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/feature-sticky/ TITLE: Feature Sticky SUMMARY: Display your products in a sticky grid that keeps sales front and center as shoppers scroll through your page. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Feature Sticky** is a Shopify theme section in the Section Star library. Display your products in a sticky grid that keeps sales front and center as shoppers scroll through your page. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Gap | Number | 20 | | Columns | Select (50 / 50, 33 / 66, 25 / 75) | 1fr 1fr | | Mobile Height | Number | 300 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Feature Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Spacing between Elements | Number | 10 | | Horizontal Alignment | Select (Left, Center, Right) | center | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Design Set the design for your grid | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | | Sticky Offset | Number | 100 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Collection block settings | Setting | Type | Default | | --- | --- | --- | | Collection | Collection | — | | Call to Action | Inline rich text | Shop Now | ================================================================================ URL: https://sectionstar.app/sections/fixed-sales-nav/ TITLE: Fixed Sales Nav SUMMARY: The Fixed Sales Nav combines the best of two favorites: an in-page navigation and a fixed sales bar. The navigation makes it easy to jump in between product features while the buttons make it easy for customers to purchase. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Fixed Sales Nav** is a Shopify theme section in the Section Star library. The Fixed Sales Nav combines the best of two favorites: an in-page navigation and a fixed sales bar. The navigation makes it easy to jump in between product features while the buttons make it easy for customers to purchase. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Text Set the text size for your widget | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | | Text Size | Range | 13 | | Text Color | Color | #111111 | | Link Color | Color | #0d8bf4 | | Price Font | Font | sans-serif | | Price Size | Range | 18 | | Price Color | Color | #111111 | ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 100%, #F… | | Grid Spacing | Number | 30 | | Max Width of Section | Number | 1000 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | ### Text Set text for the section | Setting | Type | Default | | --- | --- | --- | | Product Description (optional) | Inline rich text | — | | Custom Text (optional) | Text | — | | Sold Out Text | Inline rich text | - Sold Out | | Select Text | Inline rich text | Select Option | | Add to Cart Text | Inline rich text | Add to Cart | | Buy Now Text | Inline rich text | Buy Now | ### Buttons Set styles for the Add to Cart and Buy Now Buttons | Setting | Type | Default | | --- | --- | --- | | Button Text Size | Range | 14 | | Buy Now Text Color | Color | #fff | | Buy Now Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #111… | | Buy Now Border Color | Color | #111 | | Add to Cart Text Color | Color | #111 | | Add To Cart Background Color | Color or gradient | linear-gradient(0deg, rgba(240, 240, … | | Add to Cart Border Color | Color | #dddddd | | Button Border Size | Number | 1 | | Padding Left/Right | Number | 20 | | Padding Top/Bottom | Number | 10 | | Border Radius | Number | 10 | | Highlight Color | Color | #f0f0f0 | ### Product Select the product for the fixed bar. Product pages should use the current option. Other pages, should use a selected product. | Setting | Type | Default | | --- | --- | --- | | Product Source | Select (Current (product pages only), Selected (select a product below)) | current | | Product | Product | — | ### Display Display the section | Setting | Type | Default | | --- | --- | --- | | Subtle Shadow on Container | Checkbox | Off | | Mobile Display | Select (All Elements, Nav Only, Buy Buttons Only) | all | ### Advanced Advanced options for the section | Setting | Type | Default | | --- | --- | --- | | Show Quantity | Checkbox | Off | | Show Buy Now Button | Checkbox | On | | Show Add to Cart Button | Checkbox | On | | Show After Scroll | Checkbox | Off | | Show after Scroll Position (in px) | Number | 500 | | Mobile Show after Scroll Position (in px) | Number | 500 | ### Navigation Set the display of Navigation | Setting | Type | Default | | --- | --- | --- | | Active Link Style | Select (Bottom Border, Button) | button | | Active Border Color | Color | #DDDDDD | | Active Border Radius (for button display) | Number | 10 | | Active Background | Color or gradient | linear-gradient(0deg, rgba(240, 240, … | | Text Size | Range | 14 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 20 | | Spacing between Nav items | Number | 0 | | Nav Icon Size | Number | 20 | | Nav Icon Spacing | Number | 5 | | Icon Color | Color | #ccc | | Active Icon Color | Color | #0A7EDB | | Nav Alignment | Text alignment | left | ### Sticky Offset Optional offset to account for header | Setting | Type | Default | | --- | --- | --- | | Offset from Top | Number | 60 | | Offset from Top (Mobile) | Number | 40 | ### Thresholds The threshold indicates the % of the screen the scroll position must reach before the section is set to active. | Setting | Type | Default | | --- | --- | --- | | Threshold | Range | 50 | | Mobile Threshold | Range | 50 | ### Navigation block settings #### Navigation Link Set the name and icon for your navigation. Navigation items automatically link to sections in the order they appear within the section hierarchy. | Setting | Type | Default | | --- | --- | --- | | Nav Name | Text | New Item | | Nav Icon | Select (No Icon, Uploaded Image, Cart, Gift, Gift Card, Shipping…) | tag | | Image | Image | — | #### Advanced Skip sections in the hierachy to link farther down the page | Setting | Type | Default | | --- | --- | --- | | Skip Sections | Number | 0 | ================================================================================ URL: https://sectionstar.app/sections/floating-menu/ TITLE: Floating Menu SUMMARY: A persistent floating pill menu that stays on screen as shoppers scroll, highlighting the section they're viewing. Collapses to a fullscreen overlay on mobile. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Floating Menu** is a Shopify theme section in the Section Star library. A persistent floating pill menu that stays on screen as shoppers scroll, highlighting the section they're viewing. Collapses to a fullscreen overlay on mobile. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Position | Setting | Type | Default | | --- | --- | --- | | Position | Select (Bottom, Top) | bottom | | Alignment | Select (Left, Center, Right) | center | | Offset From Edge | Number | 24 | | Side Padding | Number | 16 | | Z-Index | Number | 9997 | | Scroll Offset | Number | 80 | ### Pill Design | Setting | Type | Default | | --- | --- | --- | | Pill Background | Color or gradient | linear-gradient(164deg, #e9e9e9 0%, #… | | Pill Radius | Range | 30 | | Pill Padding Top/Bottom | Number | 8 | | Pill Padding Left/Right | Number | 12 | | Pill Border Size | Number | 0 | | Pill Border Color | Color | #ddd | | Pill Shadow | Checkbox | On | | Gap Between Items | Number | 4 | ### Links | Setting | Type | Default | | --- | --- | --- | | Override Theme Font | Checkbox | Off | | Font | Font | sans-serif | | Text Size | Range | 18 | | Font Weight | Select (Normal, Semibold, Bold, Extra Bold) | 800 | | Uppercase | Checkbox | On | | Letter Spacing | Range | 0 | | Text Color | Color | #111 | | Active Text Color | Color | #fff | | Active Background | Color or gradient | linear-gradient(164deg, #46a05f 0%, #… | | Link Padding Top/Bottom | Number | 10 | | Link Padding Left/Right | Number | 20 | | Link Radius | Range | 22 | ### Mobile | Setting | Type | Default | | --- | --- | --- | | Mobile Display | Select (Toggle Button + Fullscreen Overlay, Scrolling Pill) | overlay | | Mobile Text Size | Range | 22 | | Mobile Link Color (overlay) | Color | #111 | | Mobile Item Gap (overlay) | Number | 24 | | Overlay Background | Color or gradient | linear-gradient(164deg, #46a05f 0%, #… | | Toggle Button Size | Number | 56 | | Toggle Background | Color or gradient | linear-gradient(164deg, #46a05f 0%, #… | | Toggle Icon Color | Color | #fff | ### Link block settings | Setting | Type | Default | | --- | --- | --- | | Name | Text | Menu item | | Link Type | Select (Jump to Section on Page, Custom URL) | auto | | Custom URL | URL | — | | Skip Sections | Number | 0 | ================================================================================ URL: https://sectionstar.app/sections/flower-scroll/ TITLE: Flower Scroll SUMMARY: Link to your favorite products and collections with this scrolling section comprised of fun flower shapes. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Flower Scroll** is a Shopify theme section in the Section Star library. Link to your favorite products and collections with this scrolling section comprised of fun flower shapes. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Gap Between Flowers | Number | 20 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Flower Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Flower Size | Number | 300 | | Mobile Flower Size | Number | 300 | | Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Color | Color or gradient | #ffffff | | Spacing between Elements | Number | 10 | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Animation Offset (Determines initial position of text) | Number | 20 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/footer-centered/ TITLE: Footer - Centered SUMMARY: A clean, centered footer with brand name, inline links, social icons and copyright. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Footer - Centered** is a Shopify theme section in the Section Star library. A clean, centered footer with brand name, inline links, social icons and copyright. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Content Design Set the design for the content | Setting | Type | Default | | --- | --- | --- | | Gap Between Content Elements | Number | 20 | | Spacing Between List Elements | Number | 5 | | Underline link | Checkbox | Off | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Collapsible block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 | | Alignment | Text alignment | left | | Content | Inline rich text | Hide/Show Elements that Follow | | Is Open | Checkbox | On | | Collapse on mobile only? | Checkbox | Off | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | | Show Bullets | Checkbox | Off | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ================================================================================ URL: https://sectionstar.app/sections/footer-contact/ TITLE: Footer - Contact & Hours SUMMARY: A footer highlighting contact details, opening hours and social links. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Footer - Contact & Hours** is a Shopify theme section in the Section Star library. A footer highlighting contact details, opening hours and social links. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Content Design Set the design for the content | Setting | Type | Default | | --- | --- | --- | | Gap Between Content Elements | Number | 20 | | Spacing Between List Elements | Number | 5 | | Underline link | Checkbox | Off | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Collapsible block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 | | Alignment | Text alignment | left | | Content | Inline rich text | Hide/Show Elements that Follow | | Is Open | Checkbox | On | | Collapse on mobile only? | Checkbox | Off | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | | Show Bullets | Checkbox | Off | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ================================================================================ URL: https://sectionstar.app/sections/footer-columns/ TITLE: Footer - Columns SUMMARY: A footer with four columns of quick links — shop, company, support and legal. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Footer - Columns** is a Shopify theme section in the Section Star library. A footer with four columns of quick links — shop, company, support and legal. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Content Design Set the design for the content | Setting | Type | Default | | --- | --- | --- | | Gap Between Content Elements | Number | 20 | | Spacing Between List Elements | Number | 5 | | Underline link | Checkbox | Off | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Collapsible block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 | | Alignment | Text alignment | left | | Content | Inline rich text | Hide/Show Elements that Follow | | Is Open | Checkbox | On | | Collapse on mobile only? | Checkbox | Off | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | | Show Bullets | Checkbox | Off | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ================================================================================ URL: https://sectionstar.app/sections/footer-cta/ TITLE: Footer - Call to Action SUMMARY: A bold footer that leads with a headline and a call-to-action button. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Footer - Call to Action** is a Shopify theme section in the Section Star library. A bold footer that leads with a headline and a call-to-action button. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Content Design Set the design for the content | Setting | Type | Default | | --- | --- | --- | | Gap Between Content Elements | Number | 20 | | Spacing Between List Elements | Number | 5 | | Underline link | Checkbox | Off | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Collapsible block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 | | Alignment | Text alignment | left | | Content | Inline rich text | Hide/Show Elements that Follow | | Is Open | Checkbox | On | | Collapse on mobile only? | Checkbox | Off | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | | Show Bullets | Checkbox | Off | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ================================================================================ URL: https://sectionstar.app/sections/footer-newsletter/ TITLE: Footer - Newsletter SUMMARY: A newsletter-focused footer with an email signup, social icons and quick links. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Footer - Newsletter** is a Shopify theme section in the Section Star library. A newsletter-focused footer with an email signup, social icons and quick links. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Content Design Set the design for the content | Setting | Type | Default | | --- | --- | --- | | Gap Between Content Elements | Number | 20 | | Spacing Between List Elements | Number | 5 | | Underline link | Checkbox | Off | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Collapsible block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 | | Alignment | Text alignment | left | | Content | Inline rich text | Hide/Show Elements that Follow | | Is Open | Checkbox | On | | Collapse on mobile only? | Checkbox | Off | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | | Show Bullets | Checkbox | Off | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ================================================================================ URL: https://sectionstar.app/sections/footer-trust-badges/ TITLE: Footer - Trust Badges SUMMARY: A footer row of trust badges — free shipping, easy returns, secure checkout and support. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Footer - Trust Badges** is a Shopify theme section in the Section Star library. A footer row of trust badges — free shipping, easy returns, secure checkout and support. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Content Design Set the design for the content | Setting | Type | Default | | --- | --- | --- | | Gap Between Content Elements | Number | 20 | | Spacing Between List Elements | Number | 5 | | Underline link | Checkbox | Off | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Collapsible block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 | | Alignment | Text alignment | left | | Content | Inline rich text | Hide/Show Elements that Follow | | Is Open | Checkbox | On | | Collapse on mobile only? | Checkbox | Off | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | | Show Bullets | Checkbox | Off | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ================================================================================ URL: https://sectionstar.app/sections/footer-social/ TITLE: Footer - Social Bar SUMMARY: A minimal footer centered on your brand name and social media icons. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Footer - Social Bar** is a Shopify theme section in the Section Star library. A minimal footer centered on your brand name and social media icons. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Content Design Set the design for the content | Setting | Type | Default | | --- | --- | --- | | Gap Between Content Elements | Number | 20 | | Spacing Between List Elements | Number | 5 | | Underline link | Checkbox | Off | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Collapsible block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 | | Alignment | Text alignment | left | | Content | Inline rich text | Hide/Show Elements that Follow | | Is Open | Checkbox | On | | Collapse on mobile only? | Checkbox | Off | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | | Show Bullets | Checkbox | Off | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ================================================================================ URL: https://sectionstar.app/sections/free-shipping-bar/ TITLE: Free Shipping Bar SUMMARY: A live progress bar that shows shoppers how close their cart is to unlocking free shipping — driving larger orders. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Free Shipping Bar** is a Shopify theme section in the Section Star library. A live progress bar that shows shoppers how close their cart is to unlocking free shipping — driving larger orders. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Threshold Set the free shipping goal. Enter the amount in your store's currency (whole units). | Setting | Type | Default | | --- | --- | --- | | Free Shipping Threshold | Number | 75 | | Currency Symbol | Text | $ | | Bar Max Width | Number | 700 | ### Progress Bar Set the look of the progress bar | Setting | Type | Default | | --- | --- | --- | | Bar Height | Range | 44 | | Bar Radius | Range | 8 | | Bar Border Size | Number | 3 | | Bar Border Color | Color | #111 | | Track Color | Color | #ffffff | | Fill Color | Color or gradient | linear-gradient(164deg, #56ccf2 0%, #… | | Show "You" Marker | Checkbox | On | | Marker Text | Text | YOU | | Marker Color | Color | #111 | | Goal Text | Text | FREE SHIPPING | | Goal Text (unlocked) | Text | FREE SHIPPING UNLOCKED | | Goal Text Size | Range | 16 | | Goal Text Color | Color | #111 | | Goal Text Color (unlocked) | Color | #111 | | Show $0 / Goal Scale | Checkbox | On | | Scale Text Size | Range | 18 | | Scale Text Color | Color | #111 | ### Message Use {amount} where the remaining amount should appear | Setting | Type | Default | | --- | --- | --- | | Show Message | Checkbox | On | | Message (remaining) | Inline rich text | You're {amount} away from free shipping! | | Message (unlocked) | Inline rich text | 🎉 You've unlocked free shipping! | | Message Size | Range | 16 | | Message Color | Color | #111 | | Message Highlight Color | Color | #111 | ================================================================================ URL: https://sectionstar.app/sections/footer/ TITLE: Footer SUMMARY: Create amazing footers. Mix-and-match columns, menus, contact forms and more. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Footer** is a Shopify theme section in the Section Star library. Create amazing footers. Mix-and-match columns, menus, contact forms and more. ## About the Footer section This Footer section, created using the Section Star app for Shopify, provides a versatile and customizable footer area for Shopify stores. It includes various elements such as content blocks, rich text, images, videos, buttons, icons, social media links, menus, and contact forms to design an engaging and informational footer for customers. ## Live demo ## Use cases 1. **General Store Footer:** - Include links to important pages such as Home, Products, Catalog, and Contact. - Display the store's mission statement to connect with customers. - Add social media icons to integrate with Instagram, Facebook, Twitter, and more. 2. **Newsletter Signup Section:** - Encourage visitors to subscribe to the newsletter with a clear call-to-action and form. - Use icons and rich text to guide users and make the footer more engaging. 3. **Customer Support Area:** - Provide contact information and quick links for customer support. - Highlight FAQs, shipping policies, and return policies using icons and text blocks. 4. **Promotional Content:** - Utilize the video and image blocks to showcase promotional content or advertisements. - Add buttons for special offers and discounts to enhance conversions. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Content Design Set the design for the content | Setting | Type | Default | | --- | --- | --- | | Gap Between Content Elements | Number | 20 | | Spacing Between List Elements | Number | 5 | | Underline link | Checkbox | Off | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Collapsible block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | h4 | | Alignment | Text alignment | left | | Content | Inline rich text | Hide/Show Elements that Follow | | Is Open | Checkbox | On | | Collapse on mobile only? | Checkbox | Off | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | | Show Bullets | Checkbox | Off | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Popup Link block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Link Text | Inline rich text | Show Pop Up | | Modal Content | Rich text | <p>This is the content for the popup</p> | ================================================================================ URL: https://sectionstar.app/sections/gift-card-upsell/ TITLE: Gift Card Upsell SUMMARY: Enable upsell of gift cards from any page. Great for the holidays! UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Gift Card Upsell** is a Shopify theme section in the Section Star library. Enable upsell of gift cards from any page. Great for the holidays! ## About the Gift Card Upsell section The "Gift Card Upsell" section is a versatile addition to any Shopify store designed to boost gift card sales. It seamlessly integrates with your existing products, offering customers an array of options to purchase gift cards. This section is customizable, allowing you to tailor the text, colors, fonts, and images to match your store's branding. ## Live demo ## Use cases 1. **Holiday Promotions**: Use this section during holidays to promote gift cards as a perfect present for friends and family. 2. **Special Occasions**: Highlight gift cards for special occasions like birthdays, anniversaries, and graduations. 3. **Sales Boost**: Use gift cards as upsell items to increase the average order value and introduce more customers to your store. 4. **Customer Retention**: Encourage repeat business by offering gift cards as rewards for loyal customers. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set styles for the design | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 30 | ### Button Set styles for the button | Setting | Type | Default | | --- | --- | --- | | Buy Now Text Color | Color | #fff | | Buy Now Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #111… | | Buy Now Border Color | Color | #111 | | Add to Cart Text Color | Color | #111 | | Add To Cart Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Add to Cart Border Color | Color | #111 | | Button Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 2 | | Highlight Color | Color | #0D8BF4 | ### Text Set text for the section | Setting | Type | Default | | --- | --- | --- | | Sold Out Text | Inline rich text | - Sold Out | | Select Text | Inline rich text | Select Option | | Add to Cart Text | Inline rich text | Add to Cart | | Buy Now Text | Inline rich text | Buy Now | | Product | Product | — | ### Content Customize the text for the product | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Headline | Inline rich text | <strong>Gift Cards</strong> | | Text | Inline rich text | Gift cards are a great gift for any o… | ### Content Customize the image | Setting | Type | Default | | --- | --- | --- | | Image Aspect Ratio | Select (21:9, 16:9, 4:3) | 16 / 9 | | Image | Image | — | ### Advanced Advanced options for the section | Setting | Type | Default | | --- | --- | --- | | Show Quantity | Checkbox | On | | Show Buy Now Button | Checkbox | On | | Show Add to Cart Button | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/grid-premium/ TITLE: Grid Hero SUMMARY: Create amazing grids of video and images. Multiple layouts. Slick animations. Converts to a slideshow on mobile. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Grid Hero** is a Shopify theme section in the Section Star library. Create amazing grids of video and images. Multiple layouts. Slick animations. Converts to a slideshow on mobile. ## About the Grid Hero section The Grid Premium section provides a highly customizable grid layout designed to display various media types, including images, videos, and custom liquid content. This section uses advanced CSS and JavaScript to ensure seamless integration and performance across devices, including a mobile-optimized slideshow with autoplay functionality. ## Live demo ## Use cases 1. **Product Highlights**: Use the Grid Premium section to showcase your top-selling products or new arrivals in a visually appealing grid format. 2. **Brand Stories**: Incorporate videos and images about your brand story to engage customers and build brand loyalty. 3. **Promotional Banners**: Create stunning promotional banners to highlight ongoing sales, discounts, or special events. 4. **Customer Reviews**: Display customer review quotes alongside product images or videos to build trust and showcase product satisfaction. 5. **Custom HTML Content**: Use the custom liquid option to add unique HTML content, such as embedded social media posts or third-party widgets. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for your grid | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 20 | | Text Color | Color | #fff | | Show Text Shadow | Checkbox | Off | | Height of Tile | Number | 250 | | Gap Between Tiles | Number | 20 | | Height of Tile (Mobile) | Number | 250 | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Grid Type | Select (Feature Left, Feature Right, 2 Column, 3 Column, 4 Column, 5 Column) | feature-left | | Round Borders on Tiles | Range | 5 | | Subtle Shadow on Tiles | Checkbox | On | ### 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 | ### Mobile Slideshow Design Set the design for the mobile slideshow | Setting | Type | Default | | --- | --- | --- | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Text (optional) | Inline rich text | This is sample text to compliment the… | | Show Arrow on Hover? | Checkbox | On | | Tile link (optional) | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Text (optional) | Inline rich text | This is sample text to compliment the… | | Show Arrow on Hover? | Checkbox | On | | Tile link (optional) | URL | — | #### Additional Video Settings Setup your videos with autoplay and more | Setting | Type | Default | | --- | --- | --- | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ### Custom Liquid block settings | Setting | Type | Default | | --- | --- | --- | | Custom Liquid Code | Liquid | — | ================================================================================ URL: https://sectionstar.app/sections/header/ TITLE: Header SUMMARY: A flexible header builder with logo, menu, search, account and cart icons, an announcement bar, sticky scroll and a mobile drawer. Choose from multiple layout presets. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Header** is a Shopify theme section in the Section Star library. A flexible header builder with logo, menu, search, account and cart icons, an announcement bar, sticky scroll and a mobile drawer. Choose from multiple layout presets. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Layout | Setting | Type | Default | | --- | --- | --- | | Layout | Select (Logo left, menu beside, Logo left, icons right (no inline menu), Logo center, menu left, Logo center, menu below, Logo center, menu split) | logo-left | | Menu Alignment | Select (Left, Center, Right) | left | | Max Width | Number | 1200 | | Padding Top/Bottom | Number | 16 | | Padding Left/Right | Number | 24 | | Column Gap | Number | 24 | | Mobile Breakpoint (px) | Number | 800 | ### Colors | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Bottom Border Size | Number | 1 | | Bottom Border Color | Color | #eee | ### Logo | Setting | Type | Default | | --- | --- | --- | | Logo Image | Image | — | | Logo Text (if no image) | Text | — | | Logo Text Size | Range | 24 | | Logo Text Color | Color | #111 | | Logo Width | Range | 140 | | Mobile Logo Width | Range | 110 | ### Menu | Setting | Type | Default | | --- | --- | --- | | Override Theme Font | Checkbox | Off | | Menu Font | Font | sans-serif | | Menu Text Size | Range | 15 | | Menu Font Weight | Select (Normal, Medium, Semibold, Bold) | 500 | | Uppercase | Checkbox | Off | | Letter Spacing | Range | 0 | | Gap Between Menu Items | Number | 24 | | Menu Text Color | Color | #111 | | Menu Hover Color | Color | #666 | | Menu Hover Style | Select (Color change, Underline) | underline | ### Icons | Setting | Type | Default | | --- | --- | --- | | Show Search | Checkbox | On | | Show Account | Checkbox | On | | Show Cart | Checkbox | On | | Show Cart Count | Checkbox | On | | Icon Size | Range | 22 | | Gap Between Icons | Number | 16 | | Icon Color | Color | #111 | | Cart Count Background | Color | #111 | | Cart Count Text Color | Color | #fff | ### Sticky | Setting | Type | Default | | --- | --- | --- | | Sticky on Scroll | Checkbox | On | | Stick After Scrolling (px) | Number | 200 | | Sticky Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Z-Index | Number | 9990 | ### Announcement Bar | Setting | Type | Default | | --- | --- | --- | | Show Announcement Bar | Checkbox | Off | | Announcement Text | Inline rich text | Free shipping on orders over $75 | | Announcement Background | Color or gradient | linear-gradient(164deg, #111 0%, #111… | | Announcement Text Color | Color | #fff | | Announcement Text Size | Range | 13 | | Announcement Padding | Number | 10 | ### Mobile Drawer | Setting | Type | Default | | --- | --- | --- | | Drawer Side | Select (Left, Right) | left | | Drawer Width | Number | 320 | | Drawer Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Drawer Text Color | Color | #111 | | Drawer Divider Color | Color | #eee | | Drawer Text Size | Range | 18 | ### Menu Link block settings | Setting | Type | Default | | --- | --- | --- | | Label | Text | Link | | URL | URL | — | ================================================================================ URL: https://sectionstar.app/sections/form-builder/ TITLE: Form Builder SUMMARY: Build amazing multi-step forms. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Form Builder** is a Shopify theme section in the Section Star library. Build amazing multi-step forms. ## Live demo ## 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 | Number | 15 | | Headline Alignment | Select (Top, Center) | center | | Headline Position | Select (Top, Left) | left | ### Form Design Set settings for the form | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(319deg, rgba(255, 255… | | Max Width | Number | 1000 | | Padding Top/Bottom | Number | 20 | | Mobile Padding Top/Bottom | Number | 15 | | Padding Left/Right | Number | 20 | | Mobile Padding Left/Right | Number | 15 | | Round Borders on Form | Range | 5 | | Subtle Shadow on Form | Checkbox | On | | Border Size on Form | Range | 0 | | Border Color on Form | Color | #888 | | Textbox Border Color | Color | #cccccc | | Textbox Highlight Color | Color | #0F8BF4 | | Error Color | Color | #991B1B | | Error Background Color | Color | #FEE2E1 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Border Color | Color or gradient | #333 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Selected Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Button Text Color | Color | #fff | | Button Selected Text Color | Color | #111 | | Text Size | Range | 15 | | Padding | Number | 15 | | Border Radius | Number | 5 | | Spacing Between Elements | Number | 10 | ### Primary Button Style Set the look and feel of the primary button | Setting | Type | Default | | --- | --- | --- | | Button Border Color | Color or gradient | #ddd | | Button Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Button Text Color | Color | #111 | | Text Size | Range | 15 | | Padding | Number | 15 | | Border Radius | Number | 5 | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Next Text | Inline rich text | Next | | Submit Text | Inline rich text | Submit | ### 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 | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Call to Action Link | URL | — | | Max Width of Image | Number | 200 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | ### Email block settings | Setting | Type | Default | | --- | --- | --- | | Label | Text | Email | | Placeholder | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ### Name block settings | Setting | Type | Default | | --- | --- | --- | | Label | Text | Name | | Placeholder | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label | Text | Label | | Placeholder | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ### Single Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label | Text | Label | | Options (separate by comma) | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ### Multiple Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label | Text | Label | | Options (separate by comma) | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/hero-parallax/ TITLE: Hero Parallax SUMMARY: Create a hero with a parallax background effect. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Hero Parallax** is a Shopify theme section in the Section Star library. Create a hero with a parallax background effect. ## About the Hero Parallax section The **Hero Parallax** section is a dynamic and visually appealing feature that allows you to create a hero section with a parallax effect for your Shopify store. This section is perfect for capturing visitors' attention with a stunning background image, captivating texts, and call-to-action buttons. The parallax scrolling effect adds depth and movement, enriching the user experience and making your store stand out. ## Live demo ## Use cases 1. **Seasonal Promotions**: Highlight your seasonal sales and promotions with engaging headlines and attractive call-to-action buttons. 2. **New Arrivals**: Showcase your latest products with high-quality images and enticing descriptions. 3. **Customer Testimonials**: Add five-star customer reviews and feedback to build trust and credibility. 4. **Brand Storytelling**: Use the section to tell your brand story with rich text blocks and images. 5. **Event Announcements**: Promote upcoming events or launches with a captivating hero section. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Hero Design Set the design for the hero | Setting | Type | Default | | --- | --- | --- | | Hero Padding Top/Bottom | Number | 100 | | Hero Padding Left/Right | Number | 10 | | Subtle Shadow on Text | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Box Alignment | Text alignment | center | ### Content Set the section content. | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>This is our hero tagline</b> | | Content | Rich text | <p>Use this to add a description to y… | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Image Set the background image. | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Mobile Image | Image | — | | Image Size | Number | 1100 | | Mobile Image Size | Number | 800 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ================================================================================ URL: https://sectionstar.app/sections/headline/ TITLE: Headline SUMMARY: Create a cool headline with pill accent. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Headline** is a Shopify theme section in the Section Star library. Create a cool headline with pill accent. ## About the Headline section The "Headline" section is a versatile and customizable addition for your Shopify store, created using the Section Star app. This section allows you to create visually appealing headlines with accompanying text, featuring customizable fonts, colors, alignments, and dimensions. It's perfect for drawing attention to important announcements, promotions, or any key information you'd like to highlight on your store. ## Live demo ## Use cases 1. **Promotion Announcements:** Use this section to announce special promotions or sales, making it visually stand out to catch the attention of your customers. 2. **New Arrivals:** Highlight new product arrivals by placing a bold headline with a brief description, making it easy for customers to spot new additions. 3. **Featured Collections:** Draw attention to specific product collections by using a combination of headline and text to describe the collection and entice customers to explore. 4. **User Testimonials:** Showcase customer reviews or testimonials with a headline and a brief text snippet to build trust and credibility. 5. **Special Messages:** Utilize the section for special messages such as shipping updates, holiday greetings, or any important notices you want your customers to see prominently. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Pill Design Set the settings for the pill | Setting | Type | Default | | --- | --- | --- | | Pill Color | Color | #888 | | Pill Alignment | Text alignment | center | | Pill Thickness | Number | 5 | | Pill Radius | Number | 3 | ### Headline Design Set the settings 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> | | Content | Inline rich text | Sample content for the headline section. | ================================================================================ URL: https://sectionstar.app/sections/hero-premium/ TITLE: Hero Builder SUMMARY: Create amazing hero sections with images, icons, columns, shapes and more. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Hero Builder** is a Shopify theme section in the Section Star library. Create amazing hero sections with images, icons, columns, shapes and more. ## About the Hero Builder section The Hero Premium section is a dynamic and visually appealing component designed to enhance the banner area of your Shopify store. This section is highly customizable, allowing you to incorporate various elements like images, videos, text, icons, and buttons. It provides flexible design options, including background colors, gradients, images, and videos, making it ideal for showcasing key promotions or messages prominently on your homepage or any other page. ## Live demo ## Use cases 1. **Seasonal Promotions**: Use the Hero Premium section to highlight seasonal sales or special promotions. Add a compelling headline, a short engaging message, and a call-to-action button to direct visitors to the sale page. 2. **New Product Launches**: Showcase new products with a background video or high-quality image, a bold headline, and a button that links directly to the product page. This can generate excitement and drive conversions. 3. **Customer Testimonials**: Add a customer testimonial block with a rich text option, a 5-star rating, and a customer photo. This can help build trust with new visitors. 4. **Brand Story**: Use the Hero Premium section to share your brand story with a combination of text, videos, and images. This can enhance your brand's connection with customers by providing them with more context about your brand values and mission. 5. **Special Announcements**: Make important announcements such as free shipping offers, return policies, or new store features. Adding an icon with text can make these announcements more eye-catching. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Headline Font | Font | sans-serif | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.2 | | Text Color | Color | #111 | | Headline Size | Range | 40 | | Mobile Headline Size | Range | 40 | | Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.2 | ### Section Design Set the design of the section. | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, rgba(52, 133,… | | Background Image | Image | — | | Image Width | Number | 1100 | | Mobile Image Width | Number | 600 | | Background Image Position | Select (Left, Center, Right) | left | | Hero Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Max Width | Number | 5000 | | Round Borders | Range | 0 | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 25 | | Padding Left/Right | Number | 25 | | Mobile Padding Left/Right | Number | 25 | | Shape | Select (None, Single Wave, Overlapping Single Wave, Wave, Overlapping Wave, Sharp Wave…) | overlapping-wave | ### Container Design Set the design of the container. | Setting | Type | Default | | --- | --- | --- | | Max Width | Number | 1000 | | Box Alignment | Select (Left, Center, Right) | center | | Width | Range | 50 | | Padding Top/Bottom | Number | 10 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Mobile Padding Left/Right | Number | 10 | | Margin Left/Right | Number | 10 | | Mobile Margin Left/Right | Number | 10 | | Background Color | Color or gradient | linear-gradient(164deg, #FFFFFF 50%, … | | Round Borders on Hero | Range | 5 | | Subtle Shadow on Hero | Checkbox | On | | Gap Between Columns | Number | 20 | | Gap Between Content Elements | Number | 20 | ### Media Design Set the design of the media. | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Column block settings | Setting | Type | Default | | --- | --- | --- | | Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr | ### Headline block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Inline rich text | <strong>This is our hero.</strong> | ### Paragraph block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Inline rich text | This is sample content for your hero … | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Image | Image | — | | Call to Action Link | URL | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Max Width (optional) | Number | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Width | Number | 100 | | Spacing Between Elements | Number | 20 | | Gap Between Content Items | Number | 5 | | Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 5 | | Element Spacing | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ================================================================================ URL: https://sectionstar.app/sections/hero/ TITLE: Hero SUMMARY: Display a large image and CTA on your home or landing pages to sell from the moment visitors arrive. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Hero** is a Shopify theme section in the Section Star library. Display a large image and CTA on your home or landing pages to sell from the moment visitors arrive. ## About the Hero section The Hero section, created with Section Star for Shopify, serves as the focal point of your website. This section allows you to display a large background image, headline, subheadings, CTAs (Call to Actions), and text content. It is ideal for capturing the visitor's attention and conveying key brand messages or promotions right from the landing page. The Hero section is fully customizable, enabling you to adjust fonts, colors, paddings, and alignments according to your brand’s identity. ## Live demo ## Use cases 1. **Launch a New Collection:** Use the Hero section to introduce a new collection with a captivating background image, a bold headline, and a "Shop Now" CTA button. 2. **Seasonal Promotions:** Highlight seasonal sales by emphasizing promotional text and images that evoke the season’s feel, encouraging customers to browse items on sale. 3. **Brand Storytelling:** Showcase your brand’s story or mission with compelling imagery and text, allowing new visitors to connect emotionally with your brand. 4. **Featured Products:** Use the section to highlight new or best-selling products, complete with enticing headlines and direct links to product pages. 5. **Event Announcements:** Create buzz around upcoming events or webinars by prominently featuring event details and a registration link. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Hero Design Set the design for the hero | Setting | Type | Default | | --- | --- | --- | | Hero Padding Top/Bottom | Number | 100 | | Hero Padding Left/Right | Number | 10 | | Subtle Shadow on Text | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Box Alignment | Text alignment | center | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ### Content Set the section content. | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>This is our hero tagline</b> | | Content | Rich text | <p>Use this to add a description to y… | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Hero Image | Image | — | | Mobile Hero Image | Image | — | | Image Size | Number | 1100 | | Mobile Image Size | Number | 800 | ================================================================================ URL: https://sectionstar.app/sections/hero-slider/ TITLE: Hero Slider SUMMARY: Display a large image and CTA on your home or landing pages. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Hero Slider** is a Shopify theme section in the Section Star library. Display a large image and CTA on your home or landing pages. ## About the Hero Slider section The **Hero Slider** is an engaging, full-width carousel that takes center stage on your Shopify store's homepage or any designated page. This section brings dynamic visuals to your site, allowing you to highlight multiple products, collections, or promotional content in a slideshow format. The Hero Slider includes customizable text, buttons, and background options, ensuring it fits seamlessly with your store's branding. ## Live demo ## Use cases 1. **Product Promotions:** Showcase your best-selling products or new arrivals prominently on your homepage, encouraging visitors to explore. 2. **Seasonal Campaigns:** Create eye-catching slides that promote seasonal sales, holiday collections, and special discounts. 3. **Brand Storytelling:** Use the slider to tell your brand's story with compelling visuals and text, enhancing customer engagement. 4. **Customer Testimonials:** Highlight positive customer feedback and reviews in a visually appealing format to build trust and credibility. 5. **Event Announcements:** Promote upcoming events, webinars, or special live sessions with informative and attractive slides. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Design Set the display for the slideshow | Setting | Type | Default | | --- | --- | --- | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Indicator Color | Color | #fff | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Content Set the display of the content. | Setting | Type | Default | | --- | --- | --- | | Margin | Number | 10 | | Padding | Number | 20 | | Text Color | Color | #111 | | Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Show Glass Effect? | Checkbox | On | ### Button Set content for the buttons. | Setting | Type | Default | | --- | --- | --- | | Show buttons? | Checkbox | On | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Slideshow Set settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Subtle Shadow on Text | Checkbox | Off | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Mobile Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 16 / 9 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### 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 | ### Slide block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Mobile Image (optional) | Image | — | | Image Size | Number | 1100 | | Mobile Image Size | Number | 800 | | Main Text | Inline rich text | <strong>Slide Headline</strong> | | Alternate Text | Inline rich text | Sample slide text. | | Call to Action Text | Text | Lets go | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/hotspots/ TITLE: Hotspots SUMMARY: Add an image with hotspots to any page. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Hotspots** is a Shopify theme section in the Section Star library. Add an image with hotspots to any page. ## About the Hotspots section The **Hotspots** section allows you to create interactive image areas on your Shopify store. Each image can have multiple clickable hotspots that display additional information, like product descriptions, ratings, and links. This section is perfect for showcasing detailed product features, interactive guides, or promotional campaigns. ## Live demo ## Use cases 1. **Product Feature Highlights**: Use hotspots to draw attention to specific features of a product, such as additional pockets on a backpack, the quality of materials, or unique design elements. 2. **Interactive Product Tours**: Create a guided tour for more complex products. For example, a hotspot on each significant component of a tech gadget, explaining its function and benefits. 3. **Virtual Showrooms**: Build a virtual showroom where customers can click hotspots to explore different parts of a room setup or display. 4. **Promotions and Offers**: Highlight limited-time offers and promotions by adding actionable hotspots that link directly to the promotion page. 5. **Educational Content**: Use hotspots to provide more information about products in educational or instructional guides. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Images | Number | 25 | | Display | Select (Image on Right, Image on Left, Image below Text) | default | | Gap between columns | Number | 30 | ### Media Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (9:16, 3:4, 21:9, 16:9, 4:3, 1:1…) | 4 / 3 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Spacing between Media | Number | 10 | ### Caption Set the display of the caption | Setting | Type | Default | | --- | --- | --- | | Caption Headline Size | Range | 20 | | Caption Text Size | Range | 15 | | Caption Text Color | Color | #111 | | Caption Background | Color or gradient | linear-gradient(164deg, rgba(255, 255… | | Show Glass Effect? | Checkbox | On | ### Content Set the content for the section | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Inline rich text | This is the placeholder text for the … | ### Button Set content for the buttons. | Setting | Type | Default | | --- | --- | --- | | Show buttons? | Checkbox | On | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Hotspot block settings | Setting | Type | Default | | --- | --- | --- | | Circle Size | Range | 25 | | Text Size | Range | 13 | | Text Color | Color | #111 | | Background Color | Color | #fff | | Horizontal Offset | Range | 0 | | Vertical Offset | Range | 0 | | Opacity | Range | 75 | | Hotspot Text | Inline rich text | — | | Headline | Inline rich text | Sample Headline | | Text | Inline rich text | Sample text to describe the product | | Optional Link | URL | — | | Stars | Select (None, 5 stars, 4.5 stars) | none | | Show Arrow on Hover? | Checkbox | On | | Show Caption on Hover? | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/icon-grid/ TITLE: Icon Grid SUMMARY: Display a grid of trust badges, certifications, or feature icons. Choose from 25+ pre-built icon options. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Icon Grid** is a Shopify theme section in the Section Star library. Display a grid of trust badges, certifications, or feature icons. Choose from 25+ pre-built icon options. ## About the Icon Grid section The Icon Grid section allows you to organize and display a grid of icons, images, or videos with accompanying text and links. This section is highly customizable, with options for fonts, colors, icon shapes, text sizes, media fitting styles, and more. It is responsive and automatically adapts to different screen sizes, featuring a slideshow mode on mobile devices for enhanced user interaction. ## Live demo ## Use cases 1. **Feature Highlights**: Use the Icon Grid to showcase the main features or benefits of your products, such as free shipping, secure payments, or eco-friendly materials. 2. **Product Categories**: Display icons representing different product categories, helping customers navigate your store more easily. 3. **Customer Services**: Illustrate the various customer services you offer, like easy returns, 24/7 support, or live chat. 4. **Promotional Offers**: Present current promotions or discounts using eye-catching icons and brief descriptions to draw in customers. 5. **Brand Values**: Highlight your brand values, such as sustainability, quality, or innovation, to build trust with your audience. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Icon Design Set the display of icon | Setting | Type | Default | | --- | --- | --- | | Headline Size | Range | 18 | | Icon Text Alignment | Text alignment | center | | Mobile Icon Text Alignment | Text alignment | center | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | ### Image and Video Icons Set how image and videos appear in the icons | Setting | Type | Default | | --- | --- | --- | | Media Fit | Select (Contain, Cover, Size) | cover | | Media Height (if Size selected) | Number | — | ### Grid Design Set the display of the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | ### Mobile Display Set the mobile display | Setting | Type | Default | | --- | --- | --- | | Mobile Display | Select (Slideshow, Stacked) | slideshow | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | | Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | Off | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### 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 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Icon | Select (No Icon, Cart, Gift, Gift Card, Shipping, Payment…) | tag | | Headline | Inline rich text | <b>Headline</b> | | Text | Inline rich text | Some followup text to build on the fe… | | Link (optional) | URL | — | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Headline | Inline rich text | <b>Headline</b> | | Text | Inline rich text | Some followup text to build on the fe… | | Link (optional) | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | | Headline | Inline rich text | <b>Headline</b> | | Text | Inline rich text | Some followup text to build on the fe… | | Link (optional) | URL | — | ================================================================================ URL: https://sectionstar.app/sections/icon-banner/ TITLE: Icon Banner SUMMARY: Highlight your best offers at a glance — a bold icon banner that drives clicks to your sales, promotions, and new arrivals. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Icon Banner** is a Shopify theme section in the Section Star library. Highlight your best offers at a glance — a bold icon banner that drives clicks to your sales, promotions, and new arrivals. ## About the Icon Banner section The "Icon Banner" section is designed to visually highlight specific points or features through a combination of icons and text. This customizable banner section utilizes Shopify's Section Star app to offer a flexible and interactive way to enhance your e-commerce store's design. The Icon Banner can be used to present essential information such as promotional offers, shipping details, payment methods, and much more, all backed by visually appealing icons. ## Live demo ## Use cases 1. **Promotional Highlights**: Use the Icon Banner to showcase special promotions, discounts, or bundle offers. 2. **Shipping Information**: Visually display shipping options, delivery times, and any free shipping offers to attract customers. 3. **Customer Support**: Highlight customer support features with icons representing chat, email, phone support, and FAQs. 4. **Payment Methods**: Showcase the different payment methods you accept, making it easier for customers to know their options at a glance. 5. **Environmental Efforts**: Use icons to represent eco-friendly initiatives, such as recyclable packaging or sustainable sourcing. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.1 | ### Icon Set display of the icons | Setting | Type | Default | | --- | --- | --- | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 15 | | Icon Size | Range | 25 | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Text Color | Color | #fff | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Gap Between Testimonials | Number | 20 | | Padding Top | Number | 15 | | Padding Bottom | Number | 15 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | | Custom Offset | Range | 0 | | Text | Inline rich text | The content for the banner item | | Link (optional) | URL | — | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Custom Offset | Range | 0 | | Text | Inline rich text | Some followup text to build on the fe… | | Link (optional) | URL | — | ================================================================================ URL: https://sectionstar.app/sections/icon-list/ TITLE: Icon List SUMMARY: Display a list of trust badges, certifications, or features. Choose from 25+ pre-built icon options. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Icon List** is a Shopify theme section in the Section Star library. Display a list of trust badges, certifications, or features. Choose from 25+ pre-built icon options. ## About the Icon List section The Icon List section is a versatile and visually appealing layout feature that allows you to present information or features with associated icons. Ideal for highlighting key services, benefits, or features, this section can be customized to match the design aesthetic of your Shopify store. ## Live demo ## Use cases 1. **Highlight Store Features**: Use the Icon List to showcase important store features like free shipping, secure payments, and easy returns. 2. **Product Benefits**: Display the benefits of a product such as eco-friendliness, high quality, and warranty information. 3. **Service Descriptions**: Outline the services you offer, such as customer support, express delivery, and gift wrapping. 4. **Promotional Elements**: Use icons to draw attention to sales, new arrivals, or limited-time offers. 5. **Brand Values**: Highlight your brand's values like sustainability, craftsmanship, and community support. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the display of grid | Setting | Type | Default | | --- | --- | --- | | Columns on Desktop | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr | | Columns on Mobile | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr 1fr | ### Icon Design Set the display of icon | Setting | Type | Default | | --- | --- | --- | | Headline Size | Range | 18 | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | ### Image and Video Icons Set how image and videos appear in the icons | Setting | Type | Default | | --- | --- | --- | | Media Fit | Select (Contain, Cover, Size) | cover | | Media Height (if Size selected) | Number | — | ### Grid Design Set the display of the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | ### 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 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Icon | Select (No Icon, Cart, Gift, Gift Card, Shipping, Payment…) | tag | | Headline | Inline rich text | <b>Headline</b> | | Text | Inline rich text | Some followup text to build on the fe… | | Link (optional) | URL | — | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Headline | Inline rich text | <b>Headline</b> | | Text | Inline rich text | Some followup text to build on the fe… | | Link (optional) | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | | Headline | Inline rich text | <b>Headline</b> | | Text | Inline rich text | Some followup text to build on the fe… | | Link (optional) | URL | — | ================================================================================ URL: https://sectionstar.app/sections/image-pair/ TITLE: Image Pair with Text SUMMARY: Grab attention with a bold headline and two stunning visuals — perfect for comparisons, behind-the-scenes moments, or before-and-after results that build trust. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Image Pair with Text** is a Shopify theme section in the Section Star library. Grab attention with a bold headline and two stunning visuals — perfect for comparisons, behind-the-scenes moments, or before-and-after results that build trust. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Vertical Alignment | Select (Top, Center, Bottom) | center | ### Content | Setting | Type | Default | | --- | --- | --- | | First Image | Image | — | | Second Image | Image | — | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 9 / 16 | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Button Style | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/image-price-grid/ TITLE: Image Price Grid SUMMARY: Show pricing in a grid with a hero image for each price item. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Image Price Grid** is a Shopify theme section in the Section Star library. Show pricing in a grid with a hero image for each price item. ## About the Image Price Grid section The Image Price Grid section is a feature that allows Shopify store owners to create a visually appealing grid layout showcasing different pricing plans or product options. Each grid item can include an image, title, description, price, list of features, and a call-to-action (CTA) button. This makes it easy for customers to compare different offerings and take action on their interests. ## Live demo ## Use cases 1. **Subscription Plans**: E-commerce stores offering subscription services can use this section to display various subscription plans with different features and pricing tiers. 2. **Product Comparisons**: Stores selling products in different variations (e.g., sizes, qualities, bundles) can use this layout to showcase the differences and prices in a side-by-side format. 3. **Service Packages**: Businesses offering services (e.g., consulting, marketing) can highlight different packages with distinct features, helping clients choose the one that fits their needs. 4. **Special Promotions**: Highlight limited-time offers and special deals in an organized and attractive manner to capture the customers' attention quickly. ## 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 | ### Image Design Set the display for the image | Setting | Type | Default | | --- | --- | --- | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Image Width (size requested from Shopify) | Number | 600 | | Mobile Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Mobile Image Width (size requested from Shopify) | Number | 800 | ### 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 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 | | Image | Image | — | | 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 | | --- | --- | --- | | 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 | — | #### Button Link and title for the button | Setting | Type | Default | | --- | --- | --- | | Call to Action Link | URL | — | | Button Title | Text | Get Started | ================================================================================ URL: https://sectionstar.app/sections/image-shop/ TITLE: Shop Image SUMMARY: Turn any photo into a sales opportunity — add shoppable product links directly to your images and let customers shop what they see. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Shop Image** is a Shopify theme section in the Section Star library. Turn any photo into a sales opportunity — add shoppable product links directly to your images and let customers shop what they see. ## Live demo ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right, Full Width) | left | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Mobile Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, Auto) | 4 / 3 | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Image | Image | — | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | ### Shop Style Set the look and feel of the shop section | Setting | Type | Default | | --- | --- | --- | | Shop The Look | Inline rich text | <b>Shop The Look</b> | | Secondary Text | Inline rich text | 2 Products | | Shop Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #111… | | Shop Text Color | Color | #fff | | Shop Alternate Text Color | Color | #aaa | | Text Size | Range | 13 | | Padding Top/Bottom | Number | 15 | | Padding Left/Right | Number | 20 | | Border Radius | Number | 4 | ### Products Set the product to upsell | Setting | Type | Default | | --- | --- | --- | | Product 1 | Product | — | | Product 2 | Product | — | | Product 3 | Product | — | ================================================================================ URL: https://sectionstar.app/sections/image-standalone/ TITLE: Image Standalone SUMMARY: Add a simple standalone image including shadows, border radius, aspect ratio and sizing. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Image Standalone** is a Shopify theme section in the Section Star library. Add a simple standalone image including shadows, border radius, aspect ratio and sizing. ## About the Image Standalone section The **Image Standalone** section is a versatile component designed for Shopify stores using the Section Star app. This section allows you to display images with custom dimensions, aspect ratios, and styles. It includes options for different background colors, padding, and rounded borders, making it perfect for highlighting products, promotions, or brand imagery. ## Live demo ## Use cases 1. **Product Highlights**: Use the section to showcase high-resolution images of new or featured products on your homepage. 2. **Promotional Banners**: Ideal for creating visually appealing banners for sales, discounts, or special events. 3. **Brand Storytelling**: Share captivating images that tell your brand's story, highlight your team, or give a behind-the-scenes look at your business. 4. **Customer Testimonials**: Display large, high-quality images of happy customers alongside their reviews to build trust and credibility. 5. **Blog Post Thumbnails**: Enhance your blog section with engaging, standalone images that relate to your content. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Image Setup the image | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Image Width (size requested from Shopify) | Number | 1100 | | Mobile Image | Image | — | | Mobile Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Mobile Image Width (size requested from Shopify) | Number | 800 | | Optional Link | URL | — | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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 | ================================================================================ URL: https://sectionstar.app/sections/image-swap-grid/ TITLE: Image Swap Grid SUMMARY: Feature a grid of images that swap to an alternate image on hover. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Image Swap Grid** is a Shopify theme section in the Section Star library. Feature a grid of images that swap to an alternate image on hover. ## About the Image Swap Grid section The Image Swap Grid section is an engaging and interactive feature designed for Shopify stores. This section allows store owners to present products or highlights in a grid format where images swap upon hovering. Perfect for showcasing featured products, collections, or promotions, the Image Swap Grid enhances visual appeal and encourages user interaction. ## Live demo ## Use cases 1. **Product Features**: Highlight specific products with a hover-over swap feature that can showcase different angles or uses of a product. 2. **Collection Highlights**: Use the grid to display multiple collections, enticing customers to explore various categories. 3. **Promotions and Discounts**: Showcase special deals or limited-time offers with engaging visuals that swap on hover, catching visitor attention. 4. **Customer Testimonials**: Display customer reviews with a static image and swap to a picture of the customer or product being reviewed. 5. **Brand Storytelling**: Use images of the brand’s journey or milestones which swap to detailed descriptions or call-to-action buttons. ## 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 | ### Feature Design Set design for the feature blocks | Setting | Type | Default | | --- | --- | --- | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Feature Text Color | Color | #fff | ### Image Design Set the display of the images | Setting | Type | Default | | --- | --- | --- | | Image Aspect Ratio | Select (4:1, 21:9, 16:9, 4:3, 1:1) | 1 / 1 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Image Width | Number | 1000 | | Mobile Image Width | Number | 600 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | 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 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Sawp Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | <b>Shop Now</b> | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/lazy-video/ TITLE: Lazy Video SUMMARY: Add lazy video loading to any Section Star video section. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Lazy Video** is a Shopify theme section in the Section Star library. Add lazy video loading to any Section Star video section. ## Live demo ================================================================================ URL: https://sectionstar.app/sections/image-text-grid/ TITLE: Image with Text SUMMARY: Full width image with text grid. Super easy to configure. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Image with Text** is a Shopify theme section in the Section Star library. Full width image with text grid. Super easy to configure. ## About the Image with Text section The "Image with Text" section is a versatile and visually appealing component designed for Shopify stores. This section allows you to pair an image with accompanying text, enhancing your storytelling capability while maintaining a clean and modern layout. Customize the typography, colors, and dimensions to blend seamlessly with the rest of your site's design. ## Live demo ## Use cases 1. **Product Showcase**: Highlight the features of a new product with a compelling image and textual description. 2. **Brand Story**: Use a captivating image and a brief write-up to narrate your brand's story, mission, or values. 3. **Promotions**: Announce sales, special offers, or upcoming events with a visually appealing image and call-to-action button. 4. **Customer Testimonials**: Show customer photos alongside their testimonials to add authenticity and build trust. 5. **Guides and Tutorials**: Use instructional images paired with descriptive text to educate customers on how to use your products. ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Spacing (mobile) | Number | 10 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 21 / 9 | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Image | Image | — | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/link-grid/ TITLE: Link Grid SUMMARY: Guide shoppers exactly where you want them — a clean, customizable link grid that makes navigating your store effortless. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Link Grid** is a Shopify theme section in the Section Star library. Guide shoppers exactly where you want them — a clean, customizable link grid that makes navigating your store effortless. ## About the Link Grid section The Link Grid section is a customizable and responsive layout for displaying various types of links in a grid format. This section supports text links, image links, and icon links, making it versatile and visually appealing for showcasing different types of content. With configurable properties, you can easily adjust the appearance to match your store's theme and requirements. ## Live demo ## Use cases - **Promotional Banners**: Use the grid to display promotional banners with links to sales or special offers. - **Category Navigation**: Picture-based links for various product categories to enhance user navigation. - **Feature Highlights**: Icon-based links pointing to featured product collections, trending items, or new arrivals. - **Support and Contact**: Text or icon links leading to support pages, FAQs, or contact information for customer assistance. ## 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 | | --- | --- | --- | | Alignment | Text alignment | center | | Space between Columns | Number | 10 | | Space between Columns (mobile) | Number | 5 | | Columns | Select (1 column, 2 columns, 3 columns, 4 columns, 5 columns) | 1fr 1fr 1fr 1fr | | Mobile Columns | Select (1 column, 2 columns, 3 columns) | 1fr | ### Links Set the display of the links | Setting | Type | Default | | --- | --- | --- | | Link Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Link Text Color | Color | #111 | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Link Border Radius | Number | 5 | | Link Border Size | Number | 1 | | Link Border Color | Color | #ccc | | Subtle Shadow on Link | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | On | ### 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 | ### Text Link block settings | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | Link Text | | Optional Link | URL | — | ### Icon Link block settings | Setting | Type | Default | | --- | --- | --- | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Space Between Icon and Text | Number | 5 | | Text | Inline rich text | Link Text | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | | Optional Link | URL | — | ### Image Link block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Shape | Select (Circle, Rounded, Square) | circle | | Image Size | Number | 25 | | Space Between Icon and Text | Number | 20 | | Text | Inline rich text | Link Text | | Optional Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/map/ TITLE: Map SUMMARY: Add a fully customizable map to your storefront to showcase your physical location. Display it left, right, or full width, control the aspect ratio, and choose to use your own API key or run without one. Built for flexibility and complete control. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Map** is a Shopify theme section in the Section Star library. Add a fully customizable map to your storefront to showcase your physical location. Display it left, right, or full width, control the aspect ratio, and choose to use your own API key or run without one. Built for flexibility and complete control. ## Live demo ## 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 | | --- | --- | --- | | Spacing between columns | Number | 20 | ### Map Settings Set the location and API key (if ) [Learn more](https://developers.google.com/maps/documentation/embed/get-api-key) | Setting | Type | Default | | --- | --- | --- | | Address | Text | St. Louis, MO | | API Key | Text | — | ### Map Display Set the display for the map | Setting | Type | Default | | --- | --- | --- | | Map Location | Select (Left, Right, Bottom) | left | | Map Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 16 / 9 | | Round Borders on Map | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Headline Design Set design of the headline | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Headline | Inline rich text | <b>Sample Location</b> | | Content | Rich text | <p>Use this to describe the location … | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Spacing between Headline and Features | Number | 15 | ### Button Style Set the look and feel of 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 | ================================================================================ URL: https://sectionstar.app/sections/marquee-banner/ TITLE: Marquee Banner SUMMARY: Keep your message moving — a sleek scrolling banner that keeps sales, promotions, and announcements front and center at all times. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Marquee Banner** is a Shopify theme section in the Section Star library. Keep your message moving — a sleek scrolling banner that keeps sales, promotions, and announcements front and center at all times. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Set the slideshow properties | Setting | Type | Default | | --- | --- | --- | | Pause on Hover | Checkbox | On | | Reverse Direction | Checkbox | Off | | Speed | Select (Fastest, Faster, Fast, Medium, Slow, Slower…) | 20s | | Spacing between Items | Number | 20 | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | This is sample text for your marquee | | Optional Link | URL | — | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Icon Color | Color | #fff | | Icon Size | Number | 25 | | Space Between Icon and Text | Number | 5 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | | Optional Link | URL | — | ### Image Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Shape | Select (Circle, Rounded, Square) | circle | | Image Size | Number | 25 | | Space Between Icon and Text | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Optional Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/marquee-hero/ TITLE: Marquee Hero SUMMARY: A beautiful hero with a stunning marquee. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Marquee Hero** is a Shopify theme section in the Section Star library. A beautiful hero with a stunning marquee. ## About the Marquee Hero section The Marquee Hero section is an engaging, visually-rich component for your Shopify store, designed to showcase images and videos in a sliding marquee format. This section is ideal for highlighting key products, promotional content, or storytelling elements. With customizable fonts, colors, backgrounds, and animation speeds, the Marquee Hero section offers flexibility while ensuring a captivating user experience. ## Live demo ## Use cases 1. **Featured Product Showcase**: Utilize the Marquee Hero to highlight best-selling or newly launched products. Display high-quality images and videos with engaging captions to attract customer attention. 2. **Brand Storytelling**: Share your brand’s story through a mix of images and videos, creating a narrative that resonates with your audience. Use captions to add context and call-to-actions. 3. **Seasonal Promotions**: Highlight seasonal promotions or sales events with visually appealing content. Customize the speed and appearance of the marquee to match the theme of your promotion. 4. **Customer Testimonials**: Showcase customer testimonials through images and video snippets, adding credibility and social proof to your store. 5. **Cross-Selling Opportunities**: Display related products or accessories alongside your main product features, encouraging customers to explore additional items. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Headline Font | Font | sans-serif | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.5 | | Text Color | Color | #111 | | Headline Size | Range | 40 | | Headline Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Headline Color | Color | #111 | ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Padding Top/Bottom | Number | 25 | | Padding Left/Right | Number | 25 | ### Container Design Set the design for your inner container | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Max Width | Number | 1000 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Round Borders on Container | Range | 0 | | Subtle Shadow on Container | Checkbox | Off | | Border Size on Container | Range | 0 | | Border Color on Container | Color | #888 | | Spacing between Elements | Number | 15 | | Additional Spacing between Text and Marquee | Number | 25 | ### Marquee Set the display for the marquee | Setting | Type | Default | | --- | --- | --- | | Speed | Select (Fastest, Faster, Fast, Medium, Slow, Slower…) | 20s | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 1 / 1 | ### Media Design Set the design for the media | Setting | Type | Default | | --- | --- | --- | | Height of Media | Number | 300 | | Gap Between Images | Number | 25 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Spacing between Media | Number | 5 | ### Caption Set the display of the caption | Setting | Type | Default | | --- | --- | --- | | Caption Headline Size | Range | 20 | | Caption Text Size | Range | 15 | | Caption Text Color | Color | #111 | | Caption Background | Color or gradient | linear-gradient(164deg, rgba(255, 255… | | Show Glass Effect? | Checkbox | On | ### Content Set the content for the section | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>Sample headline</b> | | Headline Alignment | Text alignment | center | | Content | Rich text | <p>This is the placeholder text for t… | | Content Alignment | Text alignment | center | ### Button Set content for the buttons. | Setting | Type | Default | | --- | --- | --- | | Show buttons? | Checkbox | On | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Text | Inline rich text | Sample Headline | | Text | Inline rich text | Sample text to describe the product | | Optional Link | URL | — | | Show Arrow on Hover? | Checkbox | On | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Text | Inline rich text | Sample Headline | | Text | Inline rich text | Sample text to describe the product | | Optional Link | URL | — | | Show Arrow on Hover? | Checkbox | On | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/link-hero/ TITLE: Link Hero SUMMARY: Add a link hero to any page. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Link Hero** is a Shopify theme section in the Section Star library. Add a link hero to any page. ## About the Link Hero section The "Link Hero" section is a versatile and customizable content block for your Shopify store. It allows you to display a headline, rich descriptive text, and interactive links in various formats such as text links, icon links, and image links. This section can improve user engagement and navigation by featuring prominently placed links to important pages, products, or promotional content. ## Live demo ## Use cases 1. **Promotions & Discounts**: Showcase ongoing sales, discounts, and special promotions with eye-catching icons and direct links. 2. **Product Categories**: Guide users to different product categories or best-seller collections using visually appealing image or icon links. 3. **Customer Support**: Provide quick access to customer support, FAQs, and contact pages for a better user experience. 4. **Featured Products**: Highlight specific products or new arrivals with image links to increase visibility and sales. 5. **Blog & Content**: Direct visitors to informative blog posts, guides, and articles to enhance content marketing efforts. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Headline Font | Font | sans-serif | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.5 | | Text Color | Color | #111 | | Headline Size | Range | 40 | | Mobile Headline Size | Range | 40 | | Headline Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Headline Color | Color | #111 | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 25 | | Padding Left/Right | Number | 25 | | Mobile Padding Left/Right | Number | 25 | | Spacing between Elements | Number | 15 | ### Container Design Set the design for your inner container | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Max Width | Number | 1000 | | Padding Top/Bottom | Number | 10 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Mobile Padding Left/Right | Number | 10 | | Round Borders on Container | Range | 0 | | Subtle Shadow on Container | Checkbox | Off | | Border Size on Container | Range | 0 | | Border Color on Container | Color | #888 | | Additional Spacing between Text and Links | Number | 25 | ### Content Set the content for the section | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>Sample headline</b> | | Headline Alignment | Text alignment | center | | Content | Inline rich text | This is the placeholder text for the … | | Content Alignment | Text alignment | center | ### Button Set content for the buttons. | Setting | Type | Default | | --- | --- | --- | | Show buttons? | Checkbox | On | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Grid Set the design of the grid | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Space between Columns | Number | 10 | | Space between Columns (mobile) | Number | 5 | | Columns | Select (1 column, 2 columns, 3 columns, 4 columns, 5 columns) | 1fr 1fr 1fr 1fr | | Mobile Columns | Select (1 column, 2 columns, 3 columns) | 1fr | ### Links Set the display of the links | Setting | Type | Default | | --- | --- | --- | | Link Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Link Text Color | Color | #111 | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Link Border Radius | Number | 5 | | Link Border Size | Number | 1 | | Link Border Color | Color | #ccc | | Subtle Shadow on Link | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | On | ### Text Link block settings | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | Link Text | | Optional Link | URL | — | | Open in New Tab | Checkbox | Off | ### Icon Link block settings | Setting | Type | Default | | --- | --- | --- | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Space Between Icon and Text | Number | 5 | | Text | Inline rich text | Link Text | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | | Optional Link | URL | — | | Open in New Tab | Checkbox | Off | ### Image Link block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Shape | Select (Circle, Rounded, Square) | circle | | Image Size | Number | 25 | | Space Between Icon and Text | Number | 20 | | Text | Inline rich text | Link Text | | Optional Link | URL | — | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/marquee/ TITLE: Marquee SUMMARY: A cool display of scrolling images and videos. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Marquee** is a Shopify theme section in the Section Star library. A cool display of scrolling images and videos. ## About the Marquee section The Marquee section is a dynamic and visually engaging component designed for Shopify stores. It features a continuously scrolling display of images, icons with text, and videos. This section allows you to showcase multiple media types in a single, seamless scrolling animation, drawing attention to promotional items, new arrivals, or important information. ## Live demo ## Use cases 1. **New Arrivals Showcase**: Highlight the latest products added to your store by showcasing their images or promotional videos. 2. **Featured Collections**: Display images or videos from different collections, such as seasonal or thematic items. 3. **Promotional Banners**: Use icons with text to announce special promotions, discount offers, and events. 4. **Brand Storytelling**: Showcase videos that tell the story of your brand, product origins, or customer testimonials. 5. **Customer Reviews**: Use the image with text blocks to display customer reviews or feedback. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Set the slideshow properties | Setting | Type | Default | | --- | --- | --- | | Pause on Hover | Checkbox | On | | Reverse Direction | Checkbox | Off | | Speed | Select (Fastest, Faster, Fast, Medium, Slow, Slower…) | 20s | ### Media Design Set the display of images and videos | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Spacing between Media | Number | 5 | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 1 / 1 | | Height of Media | Number | 300 | | Mobile Height of Media | Number | 300 | ### Headline Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>Sample headline</b> | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline Spacing | Number | 15 | | Content | Inline rich text | This is the placeholder text for the … | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Optional Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Space Between Icon and Text | Number | 5 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | | Optional Link | URL | — | ### Image Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Shape | Select (Circle, Rounded, Square) | circle | | Image Size | Number | 25 | | Space Between Icon and Text | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Optional Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/masonry-feature/ TITLE: Masonry Feature SUMMARY: Show a grid of clickable features in a beautiful vertical brick format. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Masonry Feature** is a Shopify theme section in the Section Star library. Show a grid of clickable features in a beautiful vertical brick format. ## About the Masonry Feature section The Masonry Feature section is a highly customizable, visually engaging section designed to enhance your Shopify store's user experience. This section allows you to showcase images and videos in a masonry grid layout, creating a dynamic and modern look for your store. With various font, background, and button customization options, you can tailor this section to match your brand's style and capture the attention of your visitors effectively. ## Live demo ## Use cases 1. **Product Gallery**: Use the Masonry Feature section to display a variety of product images or videos, highlighting different angles, colors, or features of your products. This creates an engaging way for customers to explore what's available in your store. 2. **Customer Testimonials**: Showcase customer reviews and testimonials with accompanying images or videos. This adds social proof and builds trust with potential buyers. 3. **Seasonal Promotions**: Perfect for marketing campaigns, you can use this section to feature seasonal sales, limited-time offers, or holiday-specific products with eye-catching images and promotional videos. 4. **Brand Storytelling**: Tell your brand's story through a mosaic of images and videos, engaging your visitors with behind-the-scenes looks, team introductions, and brand milestones. 5. **Lookbooks**: Fashion and lifestyle brands can use this section to create inspiring lookbooks, combining images and videos to give customers styling ideas and complete looks. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for your masonry grid | Setting | Type | Default | | --- | --- | --- | | Columns | Select (1, 2, 3) | 2 | | Mobile Columns | Select (1, Match Columns) | 1 | | Grid Gap | Number | 20 | ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Text Color | Color | #ffffff | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Spacing between Elements | Number | 10 | | Horizontal Alignment | Select (Left, Center, Right) | center | | Image Width | Number | 1000 | | Mobile Image Width | Number | 600 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | 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 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/masonry/ TITLE: Masonry SUMMARY: Create a gallery that demands to be explored — display images and videos in a stunning brick-style masonry layout that adapts beautifully to any content. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Masonry** is a Shopify theme section in the Section Star library. Create a gallery that demands to be explored — display images and videos in a stunning brick-style masonry layout that adapts beautifully to any content. ## About the Masonry section The Masonry section is a versatile and visually appealing way to display a mixture of images and videos in a grid layout. The section's responsive design ensures that your media content looks great on any device. You can easily adjust various settings, such as the number of columns, spacing between items, and media appearance options, to customize it to your store's aesthetic. ## Live demo ## Use cases 1. **Product Gallery:** Showcase your product images and videos in an engaging grid layout. This is useful for stores with diverse product lines, giving customers a clear and attractive visual experience. 2. **Customer Testimonials:** Feature customer testimonial videos alongside images of happy customers using your products, providing social proof and enhancing credibility. 3. **Blog Visuals:** Create a rich media section for your blog articles by embedding related images and videos to accompany your text content. 4. **Portfolio Display:** Use the masonry section to present a portfolio of your work, ideal for businesses such as photographers, designers, or architects. 5. **Event Highlights:** Recap events through a mix of pictures and videos, perfect for stores that host or participate in events and want to showcase memorable moments. ## 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 | | --- | --- | --- | | Columns | Select (1, 2, 3) | 2 | | Gap Between Images | Number | 10 | ### Media Design Set the display of the media elements | Setting | Type | Default | | --- | --- | --- | | Image Width | Number | 1000 | | Mobile Image Width | Number | 600 | | Zoom on Hover | Checkbox | On | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Optional Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ### External Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video URL | — | | Video Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, 9:21) | 16 / 9 | ================================================================================ URL: https://sectionstar.app/sections/media-grid/ TITLE: Media Grid SUMMARY: Build rich, immersive media galleries — combine videos and images in a flexible grid with autoplay support for a dynamic, scroll-stopping experience. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Media Grid** is a Shopify theme section in the Section Star library. Build rich, immersive media galleries — combine videos and images in a flexible grid with autoplay support for a dynamic, scroll-stopping experience. ## About the Media Grid section The **Media Grid** section provides a sleek, customizable grid layout for displaying images and videos on your Shopify store. It's designed to enhance the visual appeal and user experience by offering various display options and configurations, including responsive design for mobile devices. ## Live demo ## Use cases 1. **Product Showcases**: Ideal for displaying a collection of featured products with high-quality images and videos. 2. **Customer Testimonials**: Use the grid to showcase customer reviews and video testimonials in a visually appealing manner. 3. **Brand Storytelling**: Narrate your brand's story through a combination of images and videos, giving customers an engaging browsing experience. 4. **Events and Promotions**: Highlight upcoming sales, events, or promotions with captivating media content. 5. **Blog Features**: Create an engaging media-rich blog section that draws readers' attention with stunning visuals. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the display for the grid | Setting | Type | Default | | --- | --- | --- | | Grid Gap | Number | 20 | | Mobile Display | Select (Slideshow, Stacked) | slideshow | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | | Slidehow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slidehow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slidehow Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Media Design Set the display for the images and videos | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (4:1, 21:9, 16:9, 4:3, 1:1, 3:4…) | 3 / 4 | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Show Zoom on Hover? | Checkbox | On | | Image Width | Number | 800 | | Mobile Image Width | Number | 600 | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Optional Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Poster Image (optional) | Image | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/media-review-grid/ TITLE: Media Testimonial Grid SUMMARY: Feature a grid of testimonials complete with images or videos and a star rating. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Media Testimonial Grid** is a Shopify theme section in the Section Star library. Feature a grid of testimonials complete with images or videos and a star rating. ## About the Media Testimonial Grid section The Media Review Grid section allows you to create a visually appealing grid layout for customer reviews, featuring both images and videos. This section is customizable to fit the aesthetic of your Shopify store, providing options to adjust fonts, colors, and layout dimensions. It also includes functionality for autoplay slides on mobile devices and various options for display settings, making it versatile and dynamic. ## Live demo ## Use cases 1. **Product Reviews**: Showcase customer reviews for products with compelling images and videos, helping to build trust and convince new visitors to make a purchase. 2. **Testimonials**: Use the grid to display testimonials from satisfied customers, highlighting different aspects of their experience with your store. 3. **User-Generated Content**: Collect and display user-generated content, such as images and videos, from social media, showing products in real-life scenarios. 4. **Marketing Campaigns**: Create a section dedicated to campaign reviews or seasonal promotions with specific images and videos to drive conversion. 5. **Brand Story**: Use the section to tell the story of your brand through customer experiences, emphasizing the connection and community around your products. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Testimonial Design Set the look and feel of the testimonial | Setting | Type | Default | | --- | --- | --- | | Stars Color | Color | #111 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Grid Design Set the design of the grid. | Setting | Type | Default | | --- | --- | --- | | Gap Between Testimonials | Number | 20 | ### Mobile Display Set the mobile display | Setting | Type | Default | | --- | --- | --- | | Mobile Display | Select (Slideshow, Stacked) | slideshow | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | | Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Media Display Set the display of the media | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Size | Number | 800 | | Mobile Image Size | Number | 800 | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/media-scroll/ TITLE: Media Scroll SUMMARY: Display images and video in a beautiful, easy-to-scroll grid. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Media Scroll** is a Shopify theme section in the Section Star library. Display images and video in a beautiful, easy-to-scroll grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | ### Card Design Set the design of the card | Setting | Type | Default | | --- | --- | --- | | Gap | Number | 20 | | Width | Number | 300 | | Card Background Color | Color or gradient | linear-gradient(164deg, #fff 100%, #f… | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Testimonial Design Set the look and feel of the testimonial | Setting | Type | Default | | --- | --- | --- | | Stars Color | Color | #111 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Media Display Set the display of the media | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16) | 4 / 3 | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Size | Number | 800 | | Mobile Image Size | Number | 800 | | Optional Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | | Optional Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/media-sticky/ TITLE: Media Sticky SUMMARY: Display images and videos in a beautiful, sticky grid. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Media Sticky** is a Shopify theme section in the Section Star library. Display images and videos in a beautiful, sticky grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Gap | Number | 20 | | Columns | Select (50 / 50, 33 / 66, 25 / 75) | 1fr 1fr | | Mobile Height | Number | 300 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Feature Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Spacing between Elements | Number | 10 | | Horizontal Alignment | Select (Left, Center, Right) | center | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Design Set the design for your grid | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Round Borders on Media | Range | 5 | | Show Big Play Button | Checkbox | On | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | | Sticky Offset | Number | 100 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Size | Number | 800 | | Mobile Image Size | Number | 800 | | Optional Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | | Optional Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/page-tag/ TITLE: Page Tag SUMMARY: Never let a visitor slip away — add a persistent side tab that keeps your key action (contact form, offer, or link) visible at all times. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Page Tag** is a Shopify theme section in the Section Star library. Never let a visitor slip away — add a persistent side tab that keeps your key action (contact form, offer, or link) visible at all times. ## About the Page Tag section The Page Tag section adds a stylish, fixed-position tag to your Shopify store. It is highly customizable, allowing you to adjust fonts, colors, alignment, and padding. The tag can display any text and link to any URL, serving as a versatile element for promotions, notifications, or call-to-action buttons. ## Live demo ## Use cases 1. **Limited-Time Offers**: Use the tag to announce flash sales or limited-time discounts, catching the customer's attention without being intrusive. 2. **New Arrivals**: Highlight new products or collections by linking the tag to a dedicated section or collection page, encouraging customers to check out the latest additions. 3. **Contact Information**: Display a "Contact Us" tag that links to your store's contact page or a live chat feature, making it easy for customers to reach out for support. 4. **Shipping Info**: Inform customers about free shipping or other shipping-related promotions, directly linking to the shipping policy page. 5. **Newsletter Sign-up**: Encourage visitors to subscribe to your newsletter with a persistent tag that links to the sign-up page, increasing your mailing list. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Text Color | Color | #ffffff | | Alignment | Select (Left, Right, Top Left, Top Right, Custom) | right | ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | ### Custom Desktop Set the position on destop (when custom selected) | Setting | Type | Default | | --- | --- | --- | | Custom Top | Number | — | | Custom Left | Number | — | | Custom Top | Number | — | | Custom Bottom | Number | — | ### Custom Mobile Set the position on mobile (when custom selected) | Setting | Type | Default | | --- | --- | --- | | Custom Top | Number | — | | Custom Left | Number | — | | Custom Top | Number | — | | Custom Bottom | Number | — | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #111 0%, #000… | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Padding Top | Number | 10 | | Padding Bottom | Number | 10 | | Padding Left | Number | 25 | | Padding Right | Number | 25 | ### Content Set the section content. | Setting | Type | Default | | --- | --- | --- | | Tag Text | Inline rich text | <b>Get in Touch</b> | | Tag Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/offset-feature/ TITLE: Offset Feature SUMMARY: A beautiful offset feature with drag-and-drop content support. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Offset Feature** is a Shopify theme section in the Section Star library. A beautiful offset feature with drag-and-drop content support. ## About the Offset Feature section The Offset Feature is a versatile and visually appealing section designed to enhance your Shopify store's appearance. This section allows you to create a responsive and engaging layout that can contain text, images, headlines, rich text, buttons, and even a five-star rating. Leveraging its flexible design settings, you can achieve a sophisticated, custom look that aligns perfectly with your store's branding. ## Live demo ## Use cases 1. **Product Highlighting**: Use the Offset Feature to showcase a new or featured product, combining a headline, a paragraph, and a call-to-action button that directs customers to the product page. 2. **Customer Testimonials**: Display customer reviews and ratings using the five-star block and a rich paragraph block to build trust and encourage potential buyers. 3. **Promotional Banners**: Create visually compelling promotional banners for seasonal sales with headlines, background images, and call-to-action buttons. 4. **Content Sections**: Use the rich text and paragraph blocks to provide detailed information about your brand, products, or services directly on the homepage. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Image display Set settings for your image that appears behind the offset | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Min Height | Number | 500 | | Image Width | Range | 50 | ### Offset Set settings for your offset container | Setting | Type | Default | | --- | --- | --- | | Offset Location | Select (Left, Right) | right | | Offset Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Offset Padding | Number | 25 | | Round Borders on Offset | Range | 5 | | Subtle Shadow on Offset | Checkbox | On | | Offset Mobile Margin | Number | 5 | | Offset Mobile Overlap (px) | Number | 20 | ### Headline block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Content | Inline rich text | <strong>This is Offset Feature.</strong> | ### Paragraph block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Content | Inline rich text | This is sample content for your hero … | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | ### Button block settings #### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Icon Color | Color | #111 | ================================================================================ URL: https://sectionstar.app/sections/payment-icons/ TITLE: Payment Icons SUMMARY: Quickly add payment icons to build trust UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Payment Icons** is a Shopify theme section in the Section Star library. Quickly add payment icons to build trust ## About the Payment Icons section The **Payment Icons** section enables you to display various payment method icons on your e-commerce store. These icons reassure customers about the available secure payment options and improve the overall credibility of your store. This section is versatile, including widely recognized payment methods such as Visa, Mastercard, American Express, Discover, PayPal, Apple Pay, Google Pay, and Shop Pay. It is fully customizable to fit your store's design, offering options for background colors, dimensions, padding, and icon styles. ## Live demo ## Use cases 1. **Footer Display:** Include the Payment Icons section in your store’s footer to provide consistent visibility of available payment methods, reassuring customers at every scroll. 2. **Checkout Page Banner:** Highlight the trusted payment options directly on your checkout page to boost customer confidence during the critical purchasing phase. 3. **Homepage Highlight:** Showcase the payment icons on your homepage to immediately inform visitors about secure and diverse payment options, potentially increasing conversion rates. 4. **Product Page Assurance:** Add the Payment Icons section on product pages to emphasize secure transactions, giving customers peace of mind and potentially reducing cart abandonment. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Icons Set the icons you want displayed. | Setting | Type | Default | | --- | --- | --- | | Height of Icon | Number | 50 | | Gap between Icons | Number | 5 | | Show VISA | Checkbox | On | | Show Mastercard | Checkbox | On | | Show American Express | Checkbox | On | | Show Discover | Checkbox | On | | Show Paypal | Checkbox | On | | Show Apple Pay | Checkbox | On | | Show Google Pay | Checkbox | On | | Show Shop Pay | Checkbox | On | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Alt Text | Text | — | ================================================================================ URL: https://sectionstar.app/sections/multi-step-form/ TITLE: Modal Form Builder SUMMARY: Build amazing, multi-step forms modals. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Modal Form Builder** is a Shopify theme section in the Section Star library. Build amazing, multi-step forms modals. ## About the Modal Form Builder section The Multi-Step Form section allows you to create a responsive, user-friendly multi-step form for your Shopify store. This section is perfect for collecting detailed customer information or feedback through a series of customizable steps. Users can easily navigate through each step, and you can design each step with various fields, text, images, and buttons. The form is highly customizable, allowing you to adjust fonts, colors, sizes, and more to match your store's brand. ## Live demo ## Use cases 1. **Customer Feedback Form:** Collect detailed feedback from your customers regarding their shopping experience, product satisfaction, and suggestions. 2. **Product Customization Form:** Allow customers to input specific details about custom products they want to purchase. 3. **Newsletter Subscription:** Engage customers by having them sign up for newsletters in a multi-step process that can include demographics to personalize content. 4. **Event Registration:** Use the form for registering customers for events, collecting detailed information over several steps. 5. **Multi-part Surveys:** Conduct surveys across multiple steps to understand customer preferences, habits, or opinions about your store and its offerings. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Target Add the below string to any URL to launch the modal. Please keep the #. | Setting | Type | Default | | --- | --- | --- | | Target | Text | #multi-step-form-modal | ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Headline Font | Font | sans-serif | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Text Color | Color | #111 | | Headline Size | Range | 25 | | Mobile Headline Size | Range | 40 | | Headline Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Headline Color | Color | #111 | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | transparent | | Textbox Border Color | Color | #cccccc | | Textbox Highlight Color | Color | #0F8BF4 | | Error Color | Color | #991B1B | | Error Background Color | Color | #FEE2E1 | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Padding Top | Number | 25 | | Padding Bottom | Number | 25 | | Padding Left | Number | 25 | | Padding Right | Number | 25 | | Gap Between Content Elements | Number | 20 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Border Color | Color or gradient | #333 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Selected Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Button Text Color | Color | #fff | | Button Selected Text Color | Color | #111 | | Text Size | Range | 15 | | Spacing Between Elements | Number | 10 | | Border Radius | Number | 5 | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Next Text | Inline rich text | Next | | Submit Text | Inline rich text | Submit | | Done Text | Inline rich text | Done | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Call to Action Link | URL | — | | Max Width of Image | Number | 200 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | ### Email block settings | Setting | Type | Default | | --- | --- | --- | | Label | Text | Email | | Placeholder | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ### Name block settings | Setting | Type | Default | | --- | --- | --- | | Label | Text | Name | | Placeholder | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label | Text | Label | | Placeholder | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ### Single Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label | Text | Label | | Options (separate by comma) | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ### Multiple Select block settings | Setting | Type | Default | | --- | --- | --- | | ID | Text | new-field | | Label | Text | Label | | Options (separate by comma) | Text | — | | Error Text | Inline rich text | This field is required. | | Required | Checkbox | On | | Show Label | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/pebble-grid/ TITLE: Pebble Grid SUMMARY: Display products in a fun grid. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Pebble Grid** is a Shopify theme section in the Section Star library. Display products in a fun grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Mobile Gap Between Columns | Number | 5 | | Grid Display | Select (1 Column, 2 Columns, 3 Columns, 4 Columns, 5 Columns, Auto) | 1fr 1fr 1fr 1fr | | Mobile Display | Select (Scroll, Stacked) | scroll | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | | Mobile Width (when scrolled) | Range | 75 | ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Feature Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Spacing between Elements | Number | 10 | | Horizontal Alignment | Select (Left, Center, Right) | center | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Collection block settings | Setting | Type | Default | | --- | --- | --- | | Collection | Collection | — | | Display | Select (Products in Collection, Collection) | products | | Call to Action | Inline rich text | Shop Now | ### Product block settings | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | | Call to Action | Inline rich text | Shop Now | ================================================================================ URL: https://sectionstar.app/sections/photo-grid/ TITLE: Photo Grid SUMMARY: Add instant charm to your store — display photos in a nostalgic Polaroid-style grid, complete with captions and a tilted layout that makes your products look like art. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Photo Grid** is a Shopify theme section in the Section Star library. Add instant charm to your store — display photos in a nostalgic Polaroid-style grid, complete with captions and a tilted layout that makes your products look like art. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### 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>Photo Memories</b> | | Text | Inline rich text | A collection of our favorite moments | | Spacing between Headline and Photos | Number | 20 | ### Polaroid Design Customize how your polaroid photos look | Setting | Type | Default | | --- | --- | --- | | Polaroid Rotation | Range | 4 | | Photo Aspect Ratio | Select (Square (1:1), Portrait (4:5), Landscape (5:4), Wide (3:2)) | 1/1 | | Hover Zoom Factor | Range | 1.1 | | Headline Font | Font | playpen_sans_n7 | | Caption Font Size | Range | 16 | | Caption Color | Color | #333333 | | Date Font Size | Range | 12 | | Date Color | Color | #888888 | ### Grid Settings Configure the layout of your polaroid gallery | Setting | Type | Default | | --- | --- | --- | | Gap Between Polaroids | Number | 30 | ### Polaroid Photo block settings | Setting | Type | Default | | --- | --- | --- | | Photo | Image | — | | Caption | Inline rich text | Beautiful memories | | Date | Text | Summer 2023 | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/pebble-scroll/ TITLE: Pebble Scroll SUMMARY: Display products in a fun, easy-to-scroll grid. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Pebble Scroll** is a Shopify theme section in the Section Star library. Display products in a fun, easy-to-scroll grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Gap Between Testimonials | Number | 20 | | Height | Number | 300 | | Mobile Height | Number | 300 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Feature Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Spacing between Elements | Number | 10 | | Horizontal Alignment | Select (Left, Center, Right) | center | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Design Set the design for your grid | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Collection block settings | Setting | Type | Default | | --- | --- | --- | | Collection | Collection | — | | Display | Select (Products in Collection, Collection) | products | | Call to Action | Inline rich text | Shop Now | ### Product block settings | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | | Call to Action | Inline rich text | Shop Now | ================================================================================ URL: https://sectionstar.app/sections/popup-builder/ TITLE: Popup Builder SUMMARY: Build sales-boosting popups to capture emails, promote offers, and reduce cart abandonment. Launch on click, page load, or exit intent. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Popup Builder** is a Shopify theme section in the Section Star library. Build sales-boosting popups to capture emails, promote offers, and reduce cart abandonment. Launch on click, page load, or exit intent. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Target Add the below string to any URL to launch the modal. Please keep the #. | Setting | Type | Default | | --- | --- | --- | | Target | Text | #details-modal | | Show on Action | Select (Click, Page Load, Screen Exit) | click | ### Popup Design Set the design for the popup | Setting | Type | Default | | --- | --- | --- | | Max Width | Number | 600 | | Max Height | Range | 50 | | Border Size | Range | 1 | | Border Color | Color | #DDDDDD | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Background Color | Color | #fff | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 25 | | Padding Left/Right | Number | 25 | | Mobile Padding Left/Right | Number | 25 | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Gap Between Blocks | Number | 10 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Headline Set headline for the popup | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>Popup Headline</b> | | Headline Color | Color | #111 | | Text Size | Range | 25 | ### Buttons Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Show Buttons? | Checkbox | On | ### Primary Button Set content for the primary button | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | right | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ### Secondary Button Set content for the secondary button | Setting | Type | Default | | --- | --- | --- | | Show Secondary Action? | Checkbox | Off | | Call to Action | Inline rich text | Secondary Action | | Call to Action Link | URL | — | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Secondary Button Text Color | Color | #fff | | Text Size | Range | 14 | | Padding Top/Bottom | Number | 5 | | Padding Left/Right | Number | 15 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | | Subtle Shadow on Button | Checkbox | On | | Subtle Lift Animation on Link | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/post-content/ TITLE: Post Content SUMMARY: Create beautifully structured blog posts with an optional two-column layout and a bold pull quote to hook readers from the start — designed for clarity, readability, and impact. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Post Content** is a Shopify theme section in the Section Star library. Create beautifully structured blog posts with an optional two-column layout and a bold pull quote to hook readers from the start — designed for clarity, readability, and impact. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Layout Configure the content layout | Setting | Type | Default | | --- | --- | --- | | Column Layout | Select (One Column, Two Columns) | one | | Column Gap | Range | 40 | | Max Content Width | Range | 900 | ### Pull Quote A highlighted summary at the top of the article | Setting | Type | Default | | --- | --- | --- | | Show Pull Quote | Checkbox | On | | Pull Quote Text | Inline rich text | — | | Pull Quote Size | Range | 24 | | Pull Quote Style | Select (Normal, Italic) | italic | | Pull Quote Weight | Select (Light, Normal, Medium, Semi Bold, Bold) | 400 | | Pull Quote Alignment | Text alignment | center | | Pull Quote Color | Color | #333333 | | Pull Quote Padding | Range | 20 | | Pull Quote Bottom Margin | Range | 30 | | Pull Quote Border Width | Range | 2 | | Pull Quote Border Color | Color | #cccccc | ================================================================================ URL: https://sectionstar.app/sections/post-flower-header/ TITLE: Post Flower Header SUMMARY: An eye-catching blog header layout that pairs impactful typography with a fun flower feature image for added depth and movement. Perfect for modern, editorial-style posts. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Post Flower Header** is a Shopify theme section in the Section Star library. An eye-catching blog header layout that pairs impactful typography with a fun flower feature image for added depth and movement. Perfect for modern, editorial-style posts. ## Live demo ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Spacing (mobile) | Number | 10 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Image Settings Configure the featured image display | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | ### Post Details Configure author and date display | Setting | Type | Default | | --- | --- | --- | | Show Date | Checkbox | On | | Show Author | Checkbox | On | | Date Format | Select (January 01, 2024, Jan 01, 2024, 01/01/2024, 01/01/2024 (DD/MM), 2024-01-01) | %B %d, %Y | | Details Text Color | Color | #666666 | | Details Text Size | Range | 14 | ### Author Image Upload an author avatar image | Setting | Type | Default | | --- | --- | --- | | Author Image | Image | — | | Author Image Size | Range | 32 | ### Text Settings | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ================================================================================ URL: https://sectionstar.app/sections/post-squircle-header/ TITLE: Post Squircle Header SUMMARY: An eye-catching blog header layout that pairs impactful typography with a fun squircle feature image for added depth and movement. Perfect for modern, editorial-style posts. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Post Squircle Header** is a Shopify theme section in the Section Star library. An eye-catching blog header layout that pairs impactful typography with a fun squircle feature image for added depth and movement. Perfect for modern, editorial-style posts. ## Live demo ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Spacing (mobile) | Number | 10 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Image Settings Configure the featured image display | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | ### Post Details Configure author and date display | Setting | Type | Default | | --- | --- | --- | | Show Date | Checkbox | On | | Show Author | Checkbox | On | | Date Format | Select (January 01, 2024, Jan 01, 2024, 01/01/2024, 01/01/2024 (DD/MM), 2024-01-01) | %B %d, %Y | | Details Text Color | Color | #666666 | | Details Text Size | Range | 14 | ### Author Image Upload an author avatar image | Setting | Type | Default | | --- | --- | --- | | Author Image | Image | — | | Author Image Size | Range | 32 | ### Text Settings | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ================================================================================ URL: https://sectionstar.app/sections/post-image-header/ TITLE: Post Image Header SUMMARY: Set the tone for your blog post with a striking visual and powerful headline — creates instant impact while keeping author and publish date front and center. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Post Image Header** is a Shopify theme section in the Section Star library. Set the tone for your blog post with a striking visual and powerful headline — creates instant impact while keeping author and publish date front and center. ## Live demo ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Spacing (mobile) | Number | 10 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Image Settings Configure the featured image display | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | ### Post Details Configure author and date display | Setting | Type | Default | | --- | --- | --- | | Show Date | Checkbox | On | | Show Author | Checkbox | On | | Date Format | Select (January 01, 2024, Jan 01, 2024, 01/01/2024, 01/01/2024 (DD/MM), 2024-01-01) | %B %d, %Y | | Details Text Color | Color | #666666 | | Details Text Size | Range | 14 | ### Author Image Upload an author avatar image | Setting | Type | Default | | --- | --- | --- | | Author Image | Image | — | | Author Image Size | Range | 32 | ### Text Settings | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ================================================================================ URL: https://sectionstar.app/sections/post-tilt-header/ TITLE: Post Tilt Header SUMMARY: An eye-catching blog header layout that pairs impactful typography with a fun tilted feature image for added depth and movement. Perfect for modern, editorial-style posts. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Post Tilt Header** is a Shopify theme section in the Section Star library. An eye-catching blog header layout that pairs impactful typography with a fun tilted feature image for added depth and movement. Perfect for modern, editorial-style posts. ## Live demo ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Spacing (mobile) | Number | 10 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Image Settings Configure the featured image display | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | ### Post Details Configure author and date display | Setting | Type | Default | | --- | --- | --- | | Show Date | Checkbox | On | | Show Author | Checkbox | On | | Date Format | Select (January 01, 2024, Jan 01, 2024, 01/01/2024, 01/01/2024 (DD/MM), 2024-01-01) | %B %d, %Y | | Details Text Color | Color | #666666 | | Details Text Size | Range | 14 | ### Author Image Upload an author avatar image | Setting | Type | Default | | --- | --- | --- | | Author Image | Image | — | | Author Image Size | Range | 32 | ### Text Settings | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Mobile Text Alignment | Text alignment | left | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ================================================================================ URL: https://sectionstar.app/sections/product-addons/ TITLE: Product Add-ons SUMMARY: Let shoppers add optional extras — gift wrap, warranties, accessories — straight to their order with selectable add-on product cards. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Product Add-ons** is a Shopify theme section in the Section Star library. Let shoppers add optional extras — gift wrap, warranties, accessories — straight to their order with selectable add-on product cards. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Behavior | Setting | Type | Default | | --- | --- | --- | | Selectable (checkbox) mode | Checkbox | On | | Go to Cart After Adding | Checkbox | Off | | Selected Highlight Color | Color | #111 | ### Grid | Setting | Type | Default | | --- | --- | --- | | Columns | Range | 4 | | Mobile Columns | Range | 2 | | Gap | Number | 16 | ### Card Design | Setting | Type | Default | | --- | --- | --- | | Card Background | Color or gradient | linear-gradient(164deg, #fafafa 0%, #… | | Card Padding | Number | 16 | | Card Radius | Range | 14 | | Card Border Size | Number | 1 | | Card Border Color | Color | #eee | | Card Shadow | Checkbox | Off | | Card Text Alignment | Text alignment | center | | Image Aspect Ratio | Select (1:1, 4:5, 3:4, 4:3) | 1 / 1 | | Image Fit | Select (Cover, Contain) | contain | | Image Radius | Range | 8 | | Title Size | Range | 15 | | Title Color | Color | #111 | | Price Size | Range | 15 | | Price Color | Color | #111 | | Compare-at Price Color | Color | #c0392b | ### Text | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | left | | Headline | Inline rich text | Addons | | Text | Inline rich text | — | | Spacing Below Headline | Number | 18 | | Sold Out Text | Inline rich text | Sold out | ### Add Button | Setting | Type | Default | | --- | --- | --- | | Button Text | Inline rich text | Add selected to cart | | Adding Text | Inline rich text | Adding... | | Added Text | Inline rich text | Added! | | Spacing Above Button | Number | 18 | | Button Text Size | Range | 15 | | Padding Top/Bottom | Number | 14 | | Padding Left/Right | Number | 24 | | Button Radius | Range | 6 | | Button Border Size | Number | 0 | | Button Border Color | Color | #111 | | Button Background | Color or gradient | linear-gradient(164deg, #111 0%, #111… | | Button Text Color | Color | #fff | ### Add-on block settings | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | | Custom Title (optional) | Text | — | | Selected by Default | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/price-grid/ TITLE: Price Grid SUMMARY: Make your pricing clear and sell your plans — a scannable pricing grid with feature checkmarks that helps shoppers choose with confidence. 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 | <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 | ================================================================================ URL: https://sectionstar.app/sections/product-blocks/ TITLE: Product Blocks SUMMARY: Supercharge your product pages — add powerful theme blocks that build trust and give shoppers everything they need to buy with confidence. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Product Blocks** is a Shopify theme section in the Section Star library. Supercharge your product pages — add powerful theme blocks that build trust and give shoppers everything they need to buy with confidence. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Background Color | Color or gradient | — | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Container Design Set the design for your inner container | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | — | | Max Width | Number | 1000 | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | | Round Borders on Container | Range | 0 | | Subtle Shadow on Container | Checkbox | Off | | Border Size on Container | Range | 0 | | Border Color on Container | Color | #888 | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Gap Between Blocks | Number | 10 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ================================================================================ URL: https://sectionstar.app/sections/profile-grid/ TITLE: Profile Grid SUMMARY: Put a face to your brand — showcase your team, founders, or ambassadors in a polished profile grid that builds trust and human connection. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Profile Grid** is a Shopify theme section in the Section Star library. Put a face to your brand — showcase your team, founders, or ambassadors in a polished profile grid that builds trust and human connection. ## About the Profile Grid section The Profile Grid section is a sleek and customizable way to showcase team members, partners, or any group of individuals on your Shopify store. Using this section, you can display individual profiles with images, names, roles, and short backgrounds, all neatly organized in a responsive grid layout. The section is highly customizable, allowing you to tailor font styles, sizes, colors, and various dimensions according to your store's aesthetic. ## Live demo ## Use cases - **Meet the Team Page**: Highlight your team members on an "About Us" page to foster a personal connection with your customers. Display each team member's role and a brief background to introduce your staff. - **Brand Ambassadors**: Showcase brand ambassadors or influencers who advocate for your products, along with a short bio and their role in promoting your brand. - **Customer Testimonials**: Use the Profile Grid to feature testimonials from satisfied customers, along with their pictures and a brief background of their experience with your products. - **Vendor Partners**: Highlight your key partners or suppliers, providing a visual representation and brief description of their contributions to your business. - **Event Speakers**: If your store is involved in events or webinars, display the profile of each speaker, including their name, role, and background information. ## 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 Profiles | Number | 20 | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | ### Image Design Set the display for the image | Setting | Type | Default | | --- | --- | --- | | Image Shape | Select (Circle, Square, Rounded) | circle | | Image Size | Number | 100 | | Image Width (size requested from Shopify) | Number | 200 | | Mobile Image Width (size requested from Shopify) | Number | 200 | ### 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 | ### Profile block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Name | Inline rich text | <b>Sample Name</b> | | Role | Inline rich text | Lead Product Designer | | Background | Inline rich text | Been at the company for 10 years. Exp… | ================================================================================ URL: https://sectionstar.app/sections/reveal/ TITLE: Reveal SUMMARY: Create a moment of delight — reveal hidden content with a smooth hover effect that surprises and engages your visitors. 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… | ================================================================================ URL: https://sectionstar.app/sections/review-callout/ TITLE: Testimonial Callout SUMMARY: Create a section to call attention to your best testimonials. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Callout** is a Shopify theme section in the Section Star library. Create a section to call attention to your best testimonials. ## About the Testimonial Callout section The Review Callout section is a versatile, customizable component designed to highlight customer testimonials on your Shopify store. With various settings for fonts, colors, and dimensions, this section can be tailored to match your store's branding and layout. It creates a visually appealing and structured display of customer reviews, which can enhance your store's credibility and encourage prospective buyers. ## Live demo ## Use cases 1. **Homepage Testimonials**: Use the Review Callout section on your homepage to showcase some of the best customer reviews. This can build trust with new visitors and guide them towards making a purchase. 2. **Product Pages**: Place this section on individual product pages to present specific reviews related to that product, helping potential buyers to see the value and quality through customer feedback. 3. **About Us Page**: Showcase a few reviews on the 'About Us' page to reinforce the positive experiences of your customers and create a sense of community around your brand. 4. **Checkout Page**: Adding testimonials near the checkout can help reduce cart abandonment by reinforcing the trust and satisfaction of previous customers. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Display Set the design of the grid | Setting | Type | Default | | --- | --- | --- | | Highlight Color | Color | #0D8BF4 | | Gap Between Testimonials | Number | 20 | ### Content Set the content for the section. | Setting | Type | Default | | --- | --- | --- | | Testimonial Count | Inline rich text | 2,500+ Testimonials | | Headline | Inline rich text | <b>See what our customers are saying … | | Testimonial Headline 1 | Inline rich text | <b>Amazing app!!!</b> | | Testimonial Text 1 | Inline rich text | This is an amazing app!!! It is reall… | | Testimonial Headline 2 | Inline rich text | <b>Glad I found this app!</b> | | Testimonial Text 2 | Inline rich text | This is an amazing app!!! It is reall… | ================================================================================ URL: https://sectionstar.app/sections/review-grid/ TITLE: Testimonial Grid SUMMARY: Let your happiest customers do the selling — showcase testimonials in a stunning grid layout that builds instant credibility. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Grid** is a Shopify theme section in the Section Star library. Let your happiest customers do the selling — showcase testimonials in a stunning grid layout that builds instant credibility. ## Live demo ## 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 | | --- | --- | --- | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #111… | | Cover Opacity | Range | 40 | | Text Color | Color | #fff | | Star Color | Color | #fff | | Spacing between Text | Number | 5 | | Gap Between Testimonials | Number | 20 | | Round Borders | Range | 5 | | Subtle Shadow | Checkbox | On | | Image Width (size requested from Shopify) | Number | 600 | | Mobile Image Width (size requested from Shopify) | Number | 400 | ### 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 | ### Testimonial block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Quote | Inline rich text | This is a sample testimonial. | | Cite | Inline rich text | Sample Customer | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/review-marquee/ TITLE: Testimonial Marquee SUMMARY: Display testimonials in a beautiful scrolling marquee. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Marquee** is a Shopify theme section in the Section Star library. Display testimonials in a beautiful scrolling marquee. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Set the slideshow properties | Setting | Type | Default | | --- | --- | --- | | Pause on Hover | Checkbox | On | | Reverse Direction | Checkbox | Off | | Speed | Select (Fastest, Faster, Fast, Medium, Slow, Slower…) | 20s | ### Card Design Set the design of the card | Setting | Type | Default | | --- | --- | --- | | Card Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.2 | | Gap | Number | 10 | | Width | Number | 300 | | Height | Number | 400 | | Card Background Color | Color or gradient | linear-gradient(164deg, #fff 100%, #f… | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Testimonial Design Set the look and feel of the testimonial | Setting | Type | Default | | --- | --- | --- | | Stars Color | Color | #111 | | Text Color | Color | #111 | | Attribution Color | Color | #888 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Media Display Set the display of the media | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Width | Number | 800 | | Mobile Image Width | Number | 600 | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/review-masonry/ TITLE: Testimonial Masonry SUMMARY: Feature a grid of testimonials complete with images or videos and a star rating in a brick layout. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Masonry** is a Shopify theme section in the Section Star library. Feature a grid of testimonials complete with images or videos and a star rating in a brick layout. ## About the Testimonial Masonry section The **Review Masonry** section is a customizable Shopify section built using the Section Star app. This section allows you to display customer reviews in a visually appealing masonry grid layout. It supports both image and video reviews, making it a versatile tool for showcasing customer feedback on your e-commerce store. ## Live demo ## Use cases 1. **Product Page Reviews**: Enhance your product pages by displaying customer reviews directly under the product images to build trust and credibility. 2. **Homepage Testimonials**: Feature customer testimonials on your homepage to highlight positive experiences and encourage new visitors to make a purchase. 3. **Video Review Gallery**: Create a dedicated page for video reviews where customers can watch and read about real user experiences with your products. 4. **Seasonal or Promotional Campaigns**: Utilize the section during special sales or promotional periods to showcase time-sensitive reviews and create urgency. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | | Headline Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Headline Size | Range | 40 | | Mobile Headline Size | Range | 40 | | Headline Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | ### Colors Set the colors for the section | Setting | Type | Default | | --- | --- | --- | | Text Color | Color | #111 | | Headline Color | Color | #111 | | Highlight Color | Color | #111 | ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 25 | | Padding Left/Right | Number | 25 | | Mobile Padding Left/Right | Number | 25 | | Spacing between Elements | Number | 15 | ### Container Design Set the design for your inner container | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Max Width | Number | 1000 | | Padding Top/Bottom | Number | 10 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Mobile Padding Left/Right | Number | 10 | | Round Borders on Container | Range | 0 | | Subtle Shadow on Container | Checkbox | Off | | Border Size on Container | Range | 0 | | Border Color on Container | Color | #888 | ### Grid Design Set the design for your masonry grid | Setting | Type | Default | | --- | --- | --- | | Columns | Select (1, 2, 3) | 2 | | Mobile Columns | Select (1, Match Columns) | 1 | | Gap Between Testimonials | Number | 20 | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Headline Set text for the headline | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Image Testimonial block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Video Testimonial block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/review-parallax/ TITLE: Testimonial Parallax SUMMARY: Create a testimonial with a parallax background effect. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Parallax** is a Shopify theme section in the Section Star library. Create a testimonial with a parallax background effect. ## About the Testimonial Parallax section The "Review Parallax" section allows you to create an engaging testimonial segment for your Shopify store. This section is designed with a parallax effect that enhances your customer's browsing experience while keeping their focus on important testimonials, reviews, or any other significant content. It supports a variety of block types, including five-star ratings, headlines, paragraphs, citations, rich text, and call-to-action buttons, allowing for diverse customization options. ## Live demo ## Use cases 1. **Product Testimonials:** Highlight customer reviews for popular products with a background image related to the product. 2. **Services Offered:** Showcase the range of services your store offers along with customer feedback on each service. 3. **Brand Storytelling:** Use the parallax section to tell your brand's story coupled with customer testimonials, creating a compelling narrative. 4. **Promotional Campaigns:** Run promotional campaigns with attractive backgrounds and customer feedback to boost engagement and credibility. 5. **Feature Announcements:** Announce new features or updates, accompanied by user testimonials to generate buzz and validate the enhancements. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Testimonial Design Set the design of the testimonial | Setting | Type | Default | | --- | --- | --- | | Show Stars | Checkbox | On | | Star Color | Color | #111 | | Subtle Shadow on Text | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 10 | ### Image Set the background image. | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | ### Alignment Set alignment of the hero text. | Setting | Type | Default | | --- | --- | --- | | Box Alignment | Select (Left, Center, Right) | center | | Height | Number | 500 | | Mobile Height | Number | 500 | ### Headline Set text for the headline | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | Section Star gives you amazing ways t… | | Text | Inline rich text | Sample Testimonial | ================================================================================ URL: https://sectionstar.app/sections/rich-text-grid/ TITLE: Rich Text Grid SUMMARY: Display text in flexible grids of 1 or more blocks. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Rich Text Grid** is a Shopify theme section in the Section Star library. Display text in flexible grids of 1 or more blocks. ## About the Rich Text Grid section The **Rich Text Grid** section is a versatile content block for your Shopify store that allows you to dynamically create rich text layouts using a grid system. You can mix headlines, paragraphs, and other rich text elements to create engaging and structured content. This section is designed for flexibility and offers various customization options for fonts, colors, spacing, and alignment to match your store's aesthetic. ## Live demo ## Use cases 1. **Product Descriptions:** Use the Rich Text Grid to highlight product features, benefits, and specifications in a structured layout. This helps in breaking down information into easily digestible sections for your customers. 2. **Blog Posts:** Enhance your blog posts with a combination of headlines, paragraphs, and bullet points to create a visually appealing and easy-to-read format. 3. **About Us Page:** Present your brand story, mission, and values using a combination of headlines and descriptive text to create an engaging narrative. 4. **Promotional Content:** Use the grid to arrange promotional messages, offers, and banners in a clean and organized manner, making it easy for customers to find important information. ## 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 Columns | Number | 25 | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Rich Text | Rich text | <h1><b>Sample Headline</b></h1><p>Sam… | ================================================================================ URL: https://sectionstar.app/sections/review-slider/ TITLE: Testimonial Slider SUMMARY: Display testimonials in a slider of 1 or more blocks. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Slider** is a Shopify theme section in the Section Star library. Display testimonials in a slider of 1 or more blocks. ## About the Testimonial Slider section The Review Slider section, created with the Section Star app for Shopify, is designed to elegantly showcase customer testimonials and reviews on your storefront. This section dynamically displays feedback in a sliding carousel format, allowing e-commerce stores to highlight positive customer experiences and build credibility with potential buyers. ## Live demo ## Use cases 1. **Product Pages**: Display reviews specific to a product directly on its page to boost customer confidence and drive conversions. 2. **Homepage**: Feature top reviews on the homepage to provide a broad view of customer satisfaction and build trust with new visitors. 3. **Campaign Landing Pages**: Use the review slider in promotional campaign landing pages to enhance storytelling with real customer experiences. 4. **About Us Page**: Highlight long-term customer satisfaction and testimonials on the About Us page to emphasize the brand's reliability and reputation. ## 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 | | --- | --- | --- | | Star Color | Color | #111 | ### Slideshow Design Set settings for the slideshow | Setting | Type | Default | | --- | --- | --- | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### 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 | ### Quote block settings | Setting | Type | Default | | --- | --- | --- | | Quote | Inline rich text | This is a placeholder for your testim… | | Cite | Inline rich text | Sample Customer | ================================================================================ URL: https://sectionstar.app/sections/rounded-feature/ TITLE: Rounded Feature SUMMARY: Create a split text/image view with a slick rounded backdrop. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Rounded Feature** is a Shopify theme section in the Section Star library. Create a split text/image view with a slick rounded backdrop. ## About the Rounded Feature section The **Rounded Feature** section is designed to create visually appealing content areas within your Shopify store. This section allows you to combine text, images, and buttons in a rounded container, giving a soft and modern look to your webpages. It offers full customization to match your brand’s aesthetics with various settings for fonts, colors, padding, and more. ## Live demo ## Use cases 1. **Product Highlights**: Use the Rounded Feature section to highlight your top products with engaging images, compelling headlines, and call-to-action buttons. 2. **Customer Testimonials**: Showcase customer reviews and ratings using the five-star block to build trust and encourage new customers to make a purchase. 3. **Announcements**: Announce sales, new product launches, or special offers with eye-catching headlines and supporting text. 4. **Brand Story**: Share your brand’s story or mission statement in an elegant manner that grabs the attention of site visitors. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design of the grid | Setting | Type | Default | | --- | --- | --- | | Round Borders | Range | 25 | | Subtle Shadow | Checkbox | On | | Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Image Design Set the image | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Height | Number | 500 | | Mobile Height | Number | 300 | | Gap between Columns | Number | 30 | | Text Location | Select (Left, Right) | right | ### Headline Set text for the headline | Setting | Type | Default | | --- | --- | --- | | Show Stars | Checkbox | On | | Star Color | Color | #111 | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>This is Rounded Feature</b> | | Text | Inline rich text | The rounded feature gives you a beaut… | | Link Text | Inline rich text | Learn More | | Link | URL | — | ### Button Style Set the look and feel of 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 | ================================================================================ URL: https://sectionstar.app/sections/rounded-grid/ TITLE: Rounded Grid SUMMARY: The rounded grid pairs a beautiful rounded image with text adn buttons to create a standout grid to display products or collections. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Rounded Grid** is a Shopify theme section in the Section Star library. The rounded grid pairs a beautiful rounded image with text adn buttons to create a standout grid to display products or collections. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Columns | Select (1 column, 2 columns, 3 columns, Auto) | auto | | Gap Between Cards | Number | 20 | ### Card Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Uniform height? | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Make Entire Card Clickable? | Checkbox | Off | | Hide button? | Checkbox | Off | | Spacing between Elements | Number | 5 | | Card Padding | Number | 15 | | Card Text Size | Range | 13 | | Card Headline Size | Range | 18 | | Card Background Color | Color | #fff | | Card Text Color | Color | #111 | | Round Borders on Card | Range | 20 | | Subtle Shadow on Card | Checkbox | On | | Show Hover Animation on Card | Checkbox | On | | Show the description? | Checkbox | On | | Truncate description? | Checkbox | On | | Truncate Length | Number | 50 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 15 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Button Text Size | Range | 13 | ### Media Set the design for your media | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | ### Mobile Display Set the mobile display | Setting | Type | Default | | --- | --- | --- | | Mobile Display | Select (Slideshow, Stacked) | slideshow | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | | Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slideshow Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### 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>Check out our Products</b> | | Text | Inline rich text | Get answers to your questions about o… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Description | Inline rich text | This is a sample description | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Open in New Tab | Checkbox | Off | ### Product block settings | Setting | Type | Default | | --- | --- | --- | | Product | Product | — | | Call to Action | Inline rich text | Shop Now | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/review-standalone/ TITLE: Testimonial Standalone SUMMARY: Add a simple star testimonial to any page. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Standalone** is a Shopify theme section in the Section Star library. Add a simple star testimonial to any page. ## About the Testimonial Standalone section The "Review Standalone" section is designed to seamlessly integrate customer reviews into your Shopify store's pages. This section allows you to prominently feature text reviews, complete with star ratings, and citation details. It is highly customizable, enabling you to adjust fonts, colors, dimensions, and alignment to match your store's design aesthetic. Perfect for building trust and enhancing the credibility of your products, this section ensures that customer reviews are not just buried in product pages but can be strategically placed anywhere on your site. ## Live demo ## Use cases 1. **Product Pages:** - Highlight top reviews directly on the product page to build confidence in prospective buyers. 2. **Home Page:** - Feature standout reviews on the homepage to immediately showcase customer satisfaction and build trust. 3. **About Us Page:** - Use customer testimonials to emphasize your brand's reliability and the quality of your products or services. 4. **Blog Posts:** - Embed reviews within relevant blog posts to provide social proof and engage readers more effectively. 5. **Landing Pages:** - Place reviews strategically on landing pages for marketing campaigns to enhance conversion 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 | | --- | --- | --- | | Star Color | Color | #111111 | ### Testimonial Setup the testimonial | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Testimonial | Inline rich text | This is a sample testimonial | | Cite | Inline rich text | Sample Customer | ### 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 | ================================================================================ URL: https://sectionstar.app/sections/schedule/ TITLE: Schedule SUMMARY: Set the date and time when your section will be visible to customers. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Schedule** is a Shopify theme section in the Section Star library. Set the date and time when your section will be visible to customers. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Schedule Set when to show the section. If not set, it will be shown all the time. | Setting | Type | Default | | --- | --- | --- | | Set Schedule | Checkbox | Off | ### Begin Date Set the begin date to start showing the section. | Setting | Type | Default | | --- | --- | --- | | Begin Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | ### End Date Set the end date to stop showing the section. | Setting | Type | Default | | --- | --- | --- | | End Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | ================================================================================ URL: https://sectionstar.app/sections/scroll-to/ TITLE: Smooth Scroll To SUMMARY: Designate this section as a scroll destination for seamless navigation. Section has support for smooth scrolling. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Smooth Scroll To** is a Shopify theme section in the Section Star library. Designate this section as a scroll destination for seamless navigation. Section has support for smooth scrolling. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Scroll To Set the id you want to scroll to. Then set any link with the destination of #id_set_below | Setting | Type | Default | | --- | --- | --- | | Scroll To ID | Text | sp_scroll_1 | | Offset (additional scroll in pixels) | Number | 0 | | Enable Smooth Scroll | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/scroll-text-hero/ TITLE: Scroll Text Hero SUMMARY: This unique hero section syncs your headline to the scrollbar showing a unique marquee that changes as you scroll the page. It is a great way to add some interest to your site as the customer scrolls. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Scroll Text Hero** is a Shopify theme section in the Section Star library. This unique hero section syncs your headline to the scrollbar showing a unique marquee that changes as you scroll the page. It is a great way to add some interest to your site as the customer scrolls. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. | Setting | Type | Default | | --- | --- | --- | | Hero Padding Top/Bottom | Number | 100 | | Hero Padding Top/Bottom | Number | 100 | | Hero Padding Left/Right | Number | 10 | | Subtle Shadow on Text | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>This is our hero tagline</b> | | Hero Image | Image | — | | Mobile Hero Image | Image | — | | Image Size | Number | 1100 | | Mobile Image Size | Number | 800 | ================================================================================ URL: https://sectionstar.app/sections/section-nav/ TITLE: Section Nav SUMMARY: Add navigation between sections. Automatically navigates and updates selected based on screen position. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Section Nav** is a Shopify theme section in the Section Star library. Add navigation between sections. Automatically navigates and updates selected based on screen position. ## About the Section Nav section The Section Nav is a versatile and customizable navigation section for your Shopify store. This section adds a secondary navigation bar, which is perfect for creating an intuitive and informative user experience. The navigation bar can feature various icons, customizable text and colors, and a sticky behavior that ensures the navigation stays accessible while scrolling pages. ## Live demo ## Use cases 1. **Product Catalogs**: Improve the browsing experience by providing direct links to different product categories like "New Arrivals," "Best Sellers," and "Discounts." 2. **Special Promotions**: Highlight sections for limited-time offers, seasonal sales, or exclusive deals, making it easy for customers to navigate to these sections. 3. **Customer Service**: Add quick links to sections such as "Shipping Information," "Returns," "Customer Support," etc., to assist customers in finding essential information quickly. 4. **Multi-step Forms**: Use it for navigating between steps of a multi-step form, enhancing the user's journey in complex processes like product customization or service registration. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Text Color | Color | #111 | ### Section Design Set the display of section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Background when Fixed | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | ### Container Design Set the design for your inner container | Setting | Type | Default | | --- | --- | --- | | Container Background | Color or gradient | — | | Container Background when Fixed | Color or gradient | none | | Container Border Radius | Number | 0 | | Max Width | Number | 1000 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | ### Navigation Set the display of Navigation | Setting | Type | Default | | --- | --- | --- | | Active Link Style | Select (Bottom Border, Button) | button | | Active Border Color | Color | #DDDDDD | | Active Border Radius (for button display) | Number | 10 | | Active Background | Color or gradient | linear-gradient(0deg, rgba(240, 240, … | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 20 | | Spacing between Nav items | Number | 10 | | Nav Icon Size | Number | 20 | | Nav Icon Spacing | Number | 5 | | Icon Color | Color | #ccc | | Active Icon Color | Color | #0A7EDB | | Nav Alignment | Text alignment | center | | Hide until scrolled | Checkbox | Off | ### Sticky Offset Set the optional offset to account for header when scrolling | Setting | Type | Default | | --- | --- | --- | | Offset from Top | Number | 60 | | Offset from Top (Mobile) | Number | 40 | ### Thresholds The % the section needs to be onscreen to activate the navigation | Setting | Type | Default | | --- | --- | --- | | Threshold | Range | 50 | | Mobile Threshold | Range | 50 | ### Navigation block settings #### Navigation Link Set the name and icon for your navigation. Navigation items automatically link to sections in the order they appear within the section hierarchy. | Setting | Type | Default | | --- | --- | --- | | Nav Name | Text | New Item | | Nav Icon | Select (No Icon, Uploaded Image, Cart, Gift, Gift Card, Shipping…) | tag | | Image | Image | — | #### Advanced Skip sections in the hierachy to link farther down the page | Setting | Type | Default | | --- | --- | --- | | Skip Sections | Number | 0 | ================================================================================ URL: https://sectionstar.app/sections/shape-divider/ TITLE: Shape Divider SUMMARY: A simple section to add a highly customizable shape to divide to any page. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Shape Divider** is a Shopify theme section in the Section Star library. A simple section to add a highly customizable shape to divide to any page. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Shape Set the shape for the divider | Setting | Type | Default | | --- | --- | --- | | Shape | Select (None, Single Wave, Overlapping Single Wave, Wave, Overlapping Wave, Sharp Wave…) | overlapping-wave | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Foreground Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Background Background | Color or gradient | linear-gradient(164deg, #111 0%, #111… | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Padding Top | Number | 25 | | Padding Bottom | Number | 25 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | ================================================================================ URL: https://sectionstar.app/sections/scrolling-images/ TITLE: Scrolling Images SUMMARY: Add scrolling images. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Scrolling Images** is a Shopify theme section in the Section Star library. Add scrolling images. ## About the Scrolling Images section The "Scrolling Images" section transforms your Shopify storefront with a captivating scrolling image carousel. As users scroll, new images appear while accompanying text and headlines gracefully transition in and out. The section is perfect for highlighting multiple products, features, or stories in a dynamic and visually appealing manner. ## Live demo ## Use cases 1. **Product Features Carousel**: Showcase the unique features of a new product. Each scroll reveals a new image with a descriptive text overlay. 2. **Customer Testimonials**: Display customer reviews and testimonials with their corresponding profile pictures. 3. **Brand Story**: Tell the brand's story with a series of images and narratives that transition as the user scrolls. 4. **Seasonal Promotions**: Highlight different aspects of a seasonal promotion or holiday campaign. 5. **Portfolio Display**: Creative agencies can use this section to showcase a portfolio of completed projects with descriptions. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Headline Font | Font | sans-serif | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Text Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | | Headline Size | Range | 40 | | Headline Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | inherit | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | transparent | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Max Width of Section | Number | 500 | | Point where text appears on the screen (px) | Number | 300 | | Padding Top | Number | 25 | | Padding Bottom | Number | 25 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | | Element Spacing | Number | 15 | | Gap between Columns | Number | 20 | ### Slideshow Set settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Headline | Inline rich text | <b>We ❤️ Scrolling Images.</b> | | Text | Rich text | <p>Scrolling images are a great way t… | ================================================================================ URL: https://sectionstar.app/sections/signup-banner/ TITLE: Signup Banner SUMMARY: Create a slick email signup banner to build your audience and fuel future sales with direct marketing. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Signup Banner** is a Shopify theme section in the Section Star library. Create a slick email signup banner to build your audience and fuel future sales with direct marketing. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Font Set the fonts for your section | Setting | Type | Default | | --- | --- | --- | | Override theme fonts | Checkbox | Off | | Text Font | Font | sans-serif | ### Text Set the text for your section | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Text Color | Color | #fff | | Link Color | Color | #0d8bf4 | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Check Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Check Color | Color | #111 | ### Dimensions Set the section dimensions | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Gap Between Testimonials | Number | 20 | | Padding Top/Bottom | Number | 10 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Mobile Padding Left/Right | Number | 10 | ### Content Set the content for the section. | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Text | Inline rich text | Sign up today and get <b>10% off your… | | Placeholder Text | Text | Enter your Email | | Buttton Text | Inline rich text | <b>Subscribe</b> | | Error Message | Inline rich text | There is a problem submitting the form. | | Success Message | Inline rich text | You have subscribed. Your discount co… | ### Text Field Style Set the look and feel of the text field | Setting | Type | Default | | --- | --- | --- | | Width | Number | 200 | | Mobile Width | Number | 200 | | Text Size | Range | 13 | | Text Color | Color | #111 | | Background Color | Color | #FFF | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Round Borders | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 13 | | Button Text Color | Color | #111 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | ================================================================================ URL: https://sectionstar.app/sections/shoppable-grid/ TITLE: Shoppable Grid SUMMARY: Turn your content into a storefront — display images and videos in a stunning grid that expands into a full-screen shoppable experience. Shoppers swipe or click through each item and tap straight to the product. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Shoppable Grid** is a Shopify theme section in the Section Star library. Turn your content into a storefront — display images and videos in a stunning grid that expands into a full-screen shoppable experience. Shoppers swipe or click through each item and tap straight to the product. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design | Setting | Type | Default | | --- | --- | --- | | Grid Gap | Number | 15 | | Mobile Columns | Select (1 column, 2 columns) | 1fr 1fr | ### Media Design | Setting | Type | Default | | --- | --- | --- | | Aspect Ratio | Select (16:9, 4:3, 1:1, 3:4, 9:16, Auto) | 3 / 4 | | Border Radius | Range | 8 | | Modal Media Border Radius | Range | 8 | | Shadow on Media | Checkbox | Off | | Zoom on Hover | Checkbox | On | ### 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 below Headline | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | #### Shoppable Product | Setting | Type | Default | | --- | --- | --- | | Show Product in Expanded View | Checkbox | Off | | Product | Product | — | | Button Text | Text | Shop now | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Poster Image (optional) | Image | — | | Autoplay in Grid | Checkbox | On | | Loop Video | Checkbox | On | | Mute in Expanded View | Checkbox | Off | #### Shoppable Product | Setting | Type | Default | | --- | --- | --- | | Show Product in Expanded View | Checkbox | Off | | Product | Product | — | | Button Text | Text | Shop now | ================================================================================ URL: https://sectionstar.app/sections/size-chart/ TITLE: Size Chart SUMMARY: Display key brand statistics to build trust — animated numbers count up as shoppers scroll, showcasing your milestones and credibility. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Size Chart** is a Shopify theme section in the Section Star library. Display key brand statistics to build trust — animated numbers count up as shoppers scroll, showcasing your milestones and credibility. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Table Design Set settings for the table | Setting | Type | Default | | --- | --- | --- | | Border Color | Color | #CCCCCC | | Table Padding | Number | 5 | ### 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 | ### Size Labels Set size labels for the top row of the table | Setting | Type | Default | | --- | --- | --- | | Label | Inline rich text | Size | | Size 1 | Inline rich text | XS | | Size 2 | Inline rich text | S | | Size 3 | Inline rich text | M | | Size 4 | Inline rich text | L | | Size 5 | Inline rich text | XL | | Size 6 | Inline rich text | — | ### Size block settings | Setting | Type | Default | | --- | --- | --- | | Label | Inline rich text | Title | | Size 1 | Inline rich text | 1-5 | | Size 2 | Inline rich text | 5-10 | | Size 3 | Inline rich text | 10-15 | | Size 4 | Inline rich text | 15-20 | | Size 5 | Inline rich text | 20-25 | | Size 6 | Inline rich text | — | ================================================================================ URL: https://sectionstar.app/sections/slideshow-hero/ TITLE: Slideshow Hero SUMMARY: Create amazing slideshows. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Slideshow Hero** is a Shopify theme section in the Section Star library. Create amazing slideshows. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Design Set the settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Indicator Position | Select (Top, Bottom, Underneath) | bottom | | Enable Autoplay? | Checkbox | Off | | Show Arrows? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Slideshow Set settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Mobile Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 1 / 1 | | Image Width (size requested from Shopify) | Number | 1100 | | Mobile Image Width (size requested from Shopify) | Number | 800 | ### Caption Set the design of the caption | Setting | Type | Default | | --- | --- | --- | | Vertical Alignment | Select (Center, Top, Bottom, Stretch) | center | | Horizontal Alignment | Select (Center, Left, Right) | start | | Content Vertical Alignment (when stretched) | Select (Center, Top, Bottom) | center | | Mobile Caption Display | Select (On Top of Image, Below Image) | bottom | | Caption Background Color | Color or gradient | — | | Mobile Caption Background Color | Color or gradient | — | | Caption Padding | Number | 20 | | Caption Margin | Number | 10 | | Round Borders on Caption | Range | 5 | | Show Glass Effect? | Checkbox | Off | | Desktop Caption Width | Range | 50 | | Mobile Caption Width | Range | 100 | ### Headline (optional) Set text for the headline (appears above the slideshow) | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | — | | Text | Inline rich text | — | | Spacing between Headline and Features | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Mobile Image (optional) | Image | — | | Show Caption | Checkbox | On | | Text Alignment | Text alignment | left | | Show Text Shadow? | Checkbox | On | | Headline | Inline rich text | <b>Featured Product</b> | | Show Stars | Checkbox | On | | Star Color | Color | #111 | | Star Text | Inline rich text | Rated 4.9/5 with 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Text Color | Color | #111 | | Text | Rich text | <p>Use this text block to describe yo… | | Button Link | URL | — | | Button Text | Text | Learn more | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Show Caption | Checkbox | On | | Text Alignment | Text alignment | left | | Show Text Shadow? | Checkbox | On | | Headline | Inline rich text | <b>Featured Product</b> | | Show Five Stars | Checkbox | On | | Star Color | Color | #111 | | Text | Rich text | <p>Use this text block to describe yo… | | Button Link | URL | — | | Button Text | Text | Learn more | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/slideshow-full/ TITLE: Fullscreen Slideshow SUMMARY: Command attention the moment visitors land — display your best imagery in a stunning full-screen carousel with smooth slide and fade transitions built in. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Fullscreen Slideshow** is a Shopify theme section in the Section Star library. Command attention the moment visitors land — display your best imagery in a stunning full-screen carousel with smooth slide and fade transitions built in. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Design Set settings for the slideshow | Setting | Type | Default | | --- | --- | --- | | Transition | Select (Slide, Fade) | slide | | Height | Range | 90 | | Caption Text Color | Color | #111 | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Image Width (size requested from Shopify) | Number | 1100 | | Mobile Image Width (size requested from Shopify) | Number | 800 | | Enable Autoplay? | Checkbox | On | | Show Arrows? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Mobile Image (optional) | Image | — | | Caption | Inline rich text | — | | Link (optional) | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Caption | Inline rich text | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/slideshow-schedule/ TITLE: Scheduled Slideshow SUMMARY: A slideshow where each slide can be scheduled — perfect for seasonal sales campaigns, promotions, and time-limited offers. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Scheduled Slideshow** is a Shopify theme section in the Section Star library. A slideshow where each slide can be scheduled — perfect for seasonal sales campaigns, promotions, and time-limited offers. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Design Set settings for the slideshow | Setting | Type | Default | | --- | --- | --- | | Transition | Select (Slide, Fade) | slide | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Caption Text Color | Color | #111 | | Show Glass Effect? | Checkbox | On | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 4 / 3 | | Mobile Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Image Width (size requested from Shopify) | Number | 1100 | | Mobile Image Width (size requested from Shopify) | Number | 800 | | Enable Autoplay? | Checkbox | On | | Show Arrows? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Mobile Image (optional) | Image | — | | Caption | Inline rich text | — | | Link (optional) | URL | — | | Open in New Tab | Checkbox | Off | #### Schedule Set when to show this slide. If not set, it will be shown all the time. | Setting | Type | Default | | --- | --- | --- | | Set Schedule | Checkbox | Off | #### Begin Date Set the begin date to start showing the slide. | Setting | Type | Default | | --- | --- | --- | | Begin Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | #### End Date Set the end date to stop showing the slide. | Setting | Type | Default | | --- | --- | --- | | End Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Caption | Inline rich text | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | #### Schedule Set when to show this slide. If not set, it will be shown all the time. | Setting | Type | Default | | --- | --- | --- | | Set Schedule | Checkbox | Off | #### Begin Date Set the begin date to start showing the slide. | Setting | Type | Default | | --- | --- | --- | | Begin Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | #### End Date Set the end date to stop showing the slide. | Setting | Type | Default | | --- | --- | --- | | End Month | Select (January, February, March, April, May, June…) | 01 | | Day | Range | 1 | | Year | Select (This Year, Next Year) | 0 | | Hour | Select (00 (12AM), 01 (1AM), 02 (2AM), 03 (3AM), 04 (4AM), 05 (5AM)…) | 00 | | Minute | Select (00, 15, 30, 45) | 00 | | Timezone | Select (UTC-12 (AoE), UTC-11 (NUT), UTC-10 (HST), UTC-9 (AKST), UTC-8 (PST), UTC-7 (MST)…) | Z | ================================================================================ URL: https://sectionstar.app/sections/slideshow-text/ TITLE: Slideshow Text SUMMARY: Tell your brand story one slide at a time — combine bold hero text with your imagery in a captivating slideshow that hooks visitors from the first frame. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Slideshow Text** is a Shopify theme section in the Section Star library. Tell your brand story one slide at a time — combine bold hero text with your imagery in a captivating slideshow that hooks visitors from the first frame. ## About the Slideshow Text section The Slideshow Text section is designed to seamlessly integrate a dynamic slideshow with text content for your Shopify store. With customizable fonts, colors, and dimensions, it allows you to showcase images and videos alongside text in a visually appealing manner. This section is ideal for highlighting promotions, features, or any other crucial information that you want your customers to see. ## Live demo ## Use cases 1. **Product Launches:** Use the Slideshow Text section to introduce new products with high-quality images and captivating videos, paired with engaging descriptions and call-to-action buttons. 2. **Customer Testimonials:** Showcase customer reviews and testimonials with accompanying images or video snippets, enhancing credibility and trust. 3. **Seasonal Promotions:** Highlight seasonal sales or limited-time offers by combining promotional banners with descriptive text and direct links to the sale collections. 4. **Featured Collections:** Create a visual story for featured product collections, combining lifestyle images and informative text to inspire purchases. 5. **Brand Storytelling:** Use the section to share the brand's story through a combination of videos, images, and engaging content, deepening the connection with your audience. ## 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 | | --- | --- | --- | | Grid Gap | Number | 25 | ### Slideshow Design Set settings for the slideshow | Setting | Type | Default | | --- | --- | --- | | Slideshow Location | Select (Left, Right) | right | | Caption Text Color | Color | #111 | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Mobile Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Image Width (size requested from Shopify) | Number | 1100 | | Mobile Image Width (size requested from Shopify) | Number | 800 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Headline Set the headline for the section | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Inline rich text | This sample content can be used to de… | | Link Text | Text | Shop More | | Link | URL | — | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Mobile Image (optional) | Image | — | | Caption | Inline rich text | Use this field to caption your slide | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Caption | Inline rich text | Use this field to caption your slide | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/slideshow-vert/ TITLE: Vertical Slideshow SUMMARY: Create amazing vertical slideshows. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Vertical Slideshow** is a Shopify theme section in the Section Star library. Create amazing vertical slideshows. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Design Set the settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Indicator Position | Select (Top, Bottom, Underneath) | bottom | | Enable Autoplay? | Checkbox | Off | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Slideshow Set settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Mobile Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 1 / 1 | | Image Width (size requested from Shopify) | Number | 1100 | | Mobile Image Width (size requested from Shopify) | Number | 800 | ### Caption Set the design of the caption | Setting | Type | Default | | --- | --- | --- | | Vertical Alignment | Select (Center, Top, Bottom, Stretch) | center | | Horizontal Alignment | Select (Center, Left, Right) | start | | Content Vertical Alignment (when stretched) | Select (Center, Top, Bottom) | center | | Caption Background Color | Color or gradient | — | | Caption Padding | Number | 20 | | Caption Margin | Number | 10 | | Round Borders on Caption | Range | 5 | | Show Glass Effect? | Checkbox | Off | | Desktop Caption Width | Range | 50 | | Mobile Caption Width | Range | 100 | ### Headline (optional) Set text for the headline (appears above the slideshow) | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | — | | Text | Inline rich text | — | | Spacing between Headline and Features | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Mobile Image (optional) | Image | — | | Show Caption | Checkbox | On | | Text Alignment | Text alignment | left | | Show Text Shadow? | Checkbox | On | | Headline | Inline rich text | <b>Featured Product</b> | | Show Five Stars | Checkbox | On | | Star Color | Color | #111 | | Star Text | Inline rich text | Rated 4.9/5 with 100+ Testimonials | | # Stars | Select (5, 4.5) | 5 | | Text Color | Color | #111 | | Text | Rich text | <p>Use this text block to describe yo… | | Button Link | URL | — | | Button Text | Text | Learn more | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Show Caption | Checkbox | On | | Text Alignment | Text alignment | left | | Show Text Shadow? | Checkbox | On | | Headline | Inline rich text | <b>Featured Product</b> | | Show Five Stars | Checkbox | On | | Star Color | Color | #111 | | Text | Rich text | <p>Use this text block to describe yo… | | Button Link | URL | — | | Button Text | Text | Learn more | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/slideshow/ TITLE: Slideshow SUMMARY: Display images in a beautiful, touch-friendly, animated carousel. Slide and fade transitions built-in. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Slideshow** is a Shopify theme section in the Section Star library. Display images in a beautiful, touch-friendly, animated carousel. Slide and fade transitions built-in. ## About the Slideshow section The Slideshow section, created with the Section Star app for Shopify, is designed to enhance your online store with a dynamic and engaging visual experience. This section allows you to showcase a series of images or videos in a seamless slideshow format, customized to your style and branding preferences. The Slideshow section is versatile, making it suitable for various types of content, from product features to promotional banners. ## Live demo ## Use cases 1. **Product Highlights**: Use the slideshow to highlight your best-selling products or new arrivals. Each slide can feature a high-quality image or video, along with a brief description. 2. **Seasonal Promotions**: Create a slideshow to showcase your seasonal sales and promotions. This can help capture customer interest and increase conversions. 3. **Customer Testimonials**: Display customer testimonials with images or video feedback in the slideshow to build trust and credibility. 4. **Brand Storytelling**: Use the slideshow to tell your brand story visually, including images and videos about your brand's journey, values, and milestones. 5. **Featured Collections**: Highlight different product collections, allowing customers to scroll through and discover various product categories within your store. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slideshow Design Set settings for the slideshow | Setting | Type | Default | | --- | --- | --- | | Transition | Select (Slide, Fade) | slide | | Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Caption Text Color | Color | #111 | | Show Glass Effect? | Checkbox | On | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 4 / 3 | | Mobile Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, auto) | 16 / 9 | | Image Width (size requested from Shopify) | Number | 1100 | | Mobile Image Width (size requested from Shopify) | Number | 800 | | Enable Autoplay? | Checkbox | On | | Show Arrows? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Mobile Image (optional) | Image | — | | Caption | Inline rich text | — | | Link (optional) | URL | — | | Open in New Tab | Checkbox | Off | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Caption | Inline rich text | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/sliding-reviews/ TITLE: Sliding Testimonials SUMMARY: A beautiful display of touch friendly sliding testimonials. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Sliding Testimonials** is a Shopify theme section in the Section Star library. A beautiful display of touch friendly sliding testimonials. ## About the Sliding Testimonials section The "Sliding Reviews" section is a highly customizable and visually appealing way to display customer reviews or testimonials on your Shopify store. This section allows you to present multiple reviews in a sleek, sliding carousel format. Perfect for showcasing feedback on various products or services, the section enhances your store's credibility and helps convert visitors into customers. Customize fonts, colors, layout, and autoplay settings to perfectly match your store's design. ## Live demo ## Use cases 1. **Product Reviews**: Use this section to showcase positive reviews for specific products directly on the product pages. 2. **Customer Testimonials**: Display customer experiences on the homepage to build trust with new visitors. 3. **Featured Clients**: Highlight testimonials from well-known clients or brands to add social proof to your services page. 4. **Seasonal Promotions**: Show seasonal or event-specific testimonials, e.g., wedding or holiday product reviews. 5. **Service Feedback**: Share client feedback for services you offer, such as consultations or subscriptions. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Slider Design Set the properties for the slider | Setting | Type | Default | | --- | --- | --- | | Gap | Number | 20 | | Cite Size | Range | 13 | | Citation Color | Color | #888 | | Stars Color | Color | #111 | | Slide Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Slide Padding | Number | 20 | | Slide Height | Number | 250 | | Mobile Slide Height | Number | 250 | | Slide Width | Number | 300 | | Image Height | Number | 75 | | Round Borders on Slide | Range | 5 | | Subtle Shadow on Slide | Checkbox | On | | Alignment | Text alignment | center | ### Headline Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>Sample headline</b> | | Content Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Content | Inline rich text | This is the placeholder text for the … | | Headline Spacing | Number | 15 | ### Slideshow Set settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Show Stars | Checkbox | On | | Testimonial | Inline rich text | Use this field to capture the testimo… | | Testimonial Source | Inline rich text | Sample Customer Name | ================================================================================ URL: https://sectionstar.app/sections/sliding-grid/ TITLE: Sliding Grid SUMMARY: Create an amazing sliding grid of images or video. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Sliding Grid** is a Shopify theme section in the Section Star library. Create an amazing sliding grid of images or video. ## About the Sliding Grid section The Sliding Grid section for Shopify is designed to provide a visually appealing and interactive slideshow for showcasing images and videos. This section is ideal for highlighting featured products, promotional content, or any visual media that grabs the attention of visitors. The grid auto-flows horizontally, providing a seamless sliding experience, with autoplay functionality for enhanced user engagement. ## Live demo ## Use cases 1. **Featured Products:** Showcase your best-selling or new products on the homepage to entice visitors. 2. **Seasonal Promotions:** Display the latest promotions, discounts, and seasonal products visually to drive sales. 3. **Customer Testimonials:** Use video testimonials from satisfied customers to build trust and credibility. 4. **Brand Story:** Share your brand's journey with images and videos to connect with customers on a personal level. 5. **Product Tutorials:** Show how to use your products with step-by-step videos for better customer education and satisfaction. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Headline Set the content and settings 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. … | | Headline Spacing | Number | 15 | ### Slide Design Set the design for the slide | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Caption Spacing | Number | 5 | ### Slideshow Set settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Indicator Color | Color | #111 | | Height of Media | Number | 250 | | Mobile Height of Media | Number | 250 | | Show Arrows | Checkbox | On | | Show Indicators | Checkbox | On | | Show Big Play Button on Videos | Checkbox | On | | Round Borders on Media | Range | 2 | | Subtle Shadow on Media | Checkbox | On | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Caption | Rich text | <p>Use this field to caption your sli… | | Code (shows after the caption) | Liquid | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Caption | Rich text | <p>Use this field to caption your sli… | | Code (shows after the caption) | Liquid | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/fun-grid/ TITLE: Fun Grid SUMMARY: Give shoppers a playful way to explore — build eye-catching grid layouts that link to your top products and collections. UPDATED: 2026-10-26T00:00:21.889Z ================================================================================ **Fun Grid** is a Shopify theme section in the Section Star library. Give shoppers a playful way to explore — build eye-catching grid layouts that link to your top products and collections. ## About the Fun Grid section The "Fun Grid" section is a dynamic and interactive Shopify section that allows you to create an engaging and visually appealing layout. This section displays content using a grid with customizable features. Users can hover over grid items to reveal additional information, making it an excellent tool for showcasing products, promotions, or any other highlights in an e-commerce store. ## Live demo ## Use cases 1. **Product Showcases:** Use the Fun Grid to display a collection of featured products with high-resolution images and hover-over details. 2. **Seasonal Promotions:** Highlight seasonal promotions and sales events with engaging visuals and call-to-action buttons. 3. **Customer Testimonials:** Showcase customer testimonials or success stories with images, text, and links to detailed reviews or products. 4. **Lookbooks:** Create a lookbook to show different styles or collections of products, each grid item leading to a specific category or product page. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Feature Design Set the style of the feature | Setting | Type | Default | | --- | --- | --- | | Text Color | Color | #fff | | Text Color | Color | #fff | | Feature Headline Size | Range | 25 | | Feature Text Size | Range | 15 | | Feature Text Alignment | Select (Left, Center, Right) | left | | Feature Element Spacing | Number | 15 | | Subtle Shadow on Text | Checkbox | On | | Show content only on hover | Checkbox | On | ### Button Design Set the style of the buttons | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Grid design Set the settings for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Features | Number | 0 | ### Media Design Set the design for the images | Setting | Type | Default | | --- | --- | --- | | Round Borders on Feature | Range | 5 | | Subtle Shadow on Feature | Checkbox | On | ### 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 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Text | Inline rich text | This is sample text for the feature s… | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/snow-globe/ TITLE: Snow Globe SUMMARY: Bring the magic of winter to your store — wrap any image in a beautiful snow globe effect with falling snow that adds instant holiday charm. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Snow Globe** is a Shopify theme section in the Section Star library. Bring the magic of winter to your store — wrap any image in a beautiful snow globe effect with falling snow that adds instant holiday charm. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Snow Design Set settings for the snow | Setting | Type | Default | | --- | --- | --- | | Number of Snowflakes | Range | 50 | ### Grid Design Set settings for the grid | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 21 / 9 | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Image | Image | — | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/snow-hero/ TITLE: Snow Hero SUMMARY: Create amazing snow globe effect on your hero section. The falling snow adds a holiday or winter feel to your site. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Snow Hero** is a Shopify theme section in the Section Star library. Create amazing snow globe effect on your hero section. The falling snow adds a holiday or winter feel to your site. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Snow Design Set settings for the snow | Setting | Type | Default | | --- | --- | --- | | Number of Snowflakes | Range | 50 | ### Hero Design Set the design for the hero | Setting | Type | Default | | --- | --- | --- | | Hero Padding Top/Bottom | Number | 100 | | Hero Padding Left/Right | Number | 10 | | Subtle Shadow on Text | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Box Alignment | Text alignment | center | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ### Content Set the section content. | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>This is our hero tagline</b> | | Content | Rich text | <p>Use this to add a description to y… | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | | Hero Image | Image | — | | Mobile Hero Image | Image | — | | Image Size | Number | 1100 | | Mobile Image Size | Number | 800 | ================================================================================ URL: https://sectionstar.app/sections/social-proof-popup/ TITLE: Social Proof Popup SUMMARY: A small corner notification that cycles through recent purchases, live viewer counts and other social proof messages to build trust and urgency. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Social Proof Popup** is a Shopify theme section in the Section Star library. A small corner notification that cycles through recent purchases, live viewer counts and other social proof messages to build trust and urgency. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Position & Timing | Setting | Type | Default | | --- | --- | --- | | Position | Select (Bottom Left, Bottom Right, Top Left, Top Right) | bottom-left | | Horizontal Offset | Number | 20 | | Vertical Offset | Number | 20 | | Max Width | Number | 360 | | Z-Index | Number | 9998 | | Hide on Mobile | Checkbox | Off | | Initial Delay (seconds) | Number | 3 | | Display Time (seconds) | Number | 5 | | Gap Between Popups (seconds) | Number | 4 | | Loop | Checkbox | On | | Randomize Order | Checkbox | Off | | Show Close Button | Checkbox | On | ### Design | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #f4f4f4 0%, #… | | Padding | Number | 16 | | Corner Radius | Range | 16 | | Border Size | Number | 0 | | Border Color | Color | #eee | | Shadow | Checkbox | On | ### Text | Setting | Type | Default | | --- | --- | --- | | Override Theme Font | Checkbox | Off | | Font | Font | sans-serif | | Text Size | Range | 16 | | Text Color | Color | #333 | | Bold Text Color | Color | #111 | | Verified Badge Color | Color | #1d9bf0 | | Close Button Color | Color | #888 | ### Avatars | Setting | Type | Default | | --- | --- | --- | | Avatar Size | Number | 46 | | Avatar Ring Color | Color | #ffffff | | Single Image Size | Number | 54 | | Single Image Radius | Range | 10 | ### Notification block settings | Setting | Type | Default | | --- | --- | --- | | Image Style | Select (Stacked Avatars, Single Image) | avatars | | Message | Inline rich text | Rated <b>[update]/5</b> [verified] by… | | Link (optional) | URL | — | | Image 1 | Image | — | | Image 2 | Image | — | | Image 3 | Image | — | ================================================================================ URL: https://sectionstar.app/sections/split-parallax/ TITLE: Split Parallax SUMMARY: Create a split text/image parallax view. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Split Parallax** is a Shopify theme section in the Section Star library. Create a split text/image parallax view. ## About the Split Parallax section The Split Parallax section is a dynamic and visually engaging element designed for Shopify stores. Created using the Section Star app, this section allows merchants to feature captivating imagery and custom content that enhances the shopping experience. Perfect for displaying product highlights, promotional content, or brand stories, the Split Parallax section utilizes a split layout where text and images interact with a parallax effect. This not only draws the viewer’s attention but also provides a modern, aesthetic appeal to any page. ## Live demo ## Use cases 1. **Product Showcase**: Highlight a featured product with images and testimonials. Use the parallax effect to make the product stand out and catch the viewer’s eye. 2. **Promotional Banners**: Create visually striking promos with compelling headlines and call-to-action buttons. Perfect for seasonal sales or special offers. 3. **Brand Storytelling**: Use imagery and rich text to narrate the story of your brand, its values, or the journey behind your products. 4. **Customer Testimonials**: Feature customer reviews, especially those with 5-star ratings, to build trust and credibility. 5. **New Arrivals or Best Sellers Section**: Showcase new arrivals or best-selling items in a visually appealing way to entice customers to explore more. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Window Design Set the design of the parallax window | Setting | Type | Default | | --- | --- | --- | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Image Design Set the background image | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Height | Number | 500 | | Mobile Height | Number | 300 | | Gap between Columns | Number | 30 | | Text Location | Select (Left, Right) | right | ### Window Set settings for your slideshow | Setting | Type | Default | | --- | --- | --- | | Round Borders on Window | Range | 25 | | Window Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | ### Headline Set text for the headline | Setting | Type | Default | | --- | --- | --- | | Show Stars | Checkbox | On | | Star Color | Color | #111 | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | Section Star gives you amazing ways t… | | Text | Inline rich text | Sample Testimonial | | Rich Text | Rich text | — | | Link Text | Inline rich text | Shop More | | Link | URL | — | ### Button Style Set the look and feel of 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 | ================================================================================ URL: https://sectionstar.app/sections/staggered-grid/ TITLE: Staggered Grid SUMMARY: Display videos and images in flexible, staggered grids of 1 or more blocks. Eye-catching staggered design. Supports autoplay videos. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Staggered Grid** is a Shopify theme section in the Section Star library. Display videos and images in flexible, staggered grids of 1 or more blocks. Eye-catching staggered design. Supports autoplay videos. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the display for the grid | Setting | Type | Default | | --- | --- | --- | | Grid Gap | Number | 10 | | Stagger Offset | Number | 50 | | Mobile Display | Select (Slideshow, Stacked) | slideshow | | Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr | | Slidehow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slidehow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … | | Slidehow Indicator Color | Color | #111 | | Enable Autoplay? | Checkbox | On | | Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 | ### Media Design Set the display for the images and videos | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (4:1, 21:9, 16:9, 4:3, 1:1, 3:4…) | 3 / 4 | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Image Width | Number | 800 | | Mobile Image Width | Number | 600 | ### 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Optional Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Poster Image (optional) | Image | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/squircle-scroll/ TITLE: Squircle Scroll SUMMARY: Link to your favorite products and collections with this scrolling section comprised of fun squircle shapes. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Squircle Scroll** is a Shopify theme section in the Section Star library. Link to your favorite products and collections with this scrolling section comprised of fun squircle shapes. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Gap Between Squircles | Number | 20 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Squircle Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Squircle Size | Number | 300 | | Mobile Squircle Size | Number | 300 | | Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Background Color | Color or gradient | radial-gradient(rgba(255, 255, 255, 0… | | Spacing between Elements | Number | 10 | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/table-premium/ TITLE: Table Builder SUMMARY: Create amazing tables for data, size charts, and more. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Table Builder** is a Shopify theme section in the Section Star library. Create amazing tables for data, size charts, and more. ## About the Table Builder section The "Table Premium" section is a flexible and customizable table layout that can be added to your Shopify store using the Section Star app. This section allows you to create well-structured tables with multiple rows and columns, customize text fonts, colors, and alignment, and style the borders and backgrounds to match your store's theme. ## Live demo ## Use cases 1. **Product Comparison**: Use the table to compare multiple products based on their features, prices, and customer ratings. 2. **Order Information**: Display detailed order information, including order numbers, dates, and statuses, in a clear, tabulated format. 3. **Pricing Tables**: Create pricing tables for different service tiers or subscription plans, showcasing the benefits and costs associated with each option. 4. **FAQ Section**: Structure frequently asked questions and their answers in a neat and organized manner for better readability. 5. **Size Charts**: Display clothing size charts to help customers select the perfect size before purchasing. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Table Design Set the design of the table | Setting | Type | Default | | --- | --- | --- | | Border Color | Color | #CCCCCC | | Row Color | Color | transparent | | Alternating Row Color | Color | transparent | | Row 1 Text Color | Color | #111 | | Row 1 Background Color | Color | transparent | | Column 1 Text Color | Color | #111 | | Column 1 Background Color | Color | transparent | | Table Padding | Number | 5 | | Border Display | Select (None, Outline Table, All Cells, First Row Only, First Row and Column Only) | all | | Round Borders on Table | Range | 5 | | Subtle Shadow on Table | Checkbox | On | ### Content Set the content of your section | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Headline | Inline rich text | <b>Create Amazing Tables</b> | | Content | Inline rich text | Build amazing tables with full contro… | | Spacing between Headline and Features | Number | 15 | ### Row block settings | Setting | Type | Default | | --- | --- | --- | | Override colors | Checkbox | Off | | Background Color | Color | — | | Text Color | Color | #111 | #### Column 1 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | Text column 1 | | Alignment | Text alignment | center | #### Column 2 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | Text column 2 | | Alignment | Text alignment | center | #### Column 3 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | — | | Alignment | Text alignment | center | #### Column 4 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | — | | Alignment | Text alignment | center | #### Column 5 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | — | | Alignment | Text alignment | center | #### Column 6 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | — | | Alignment | Text alignment | center | #### Column 7 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | — | | Alignment | Text alignment | center | #### Column 8 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | — | | Alignment | Text alignment | center | #### Column 9 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | — | | Alignment | Text alignment | center | #### Column 10 | Setting | Type | Default | | --- | --- | --- | | Text | Inline rich text | — | | Alignment | Text alignment | center | ================================================================================ URL: https://sectionstar.app/sections/tabs-block-builder/ TITLE: Tabs Block Builder SUMMARY: Create amazing tabs using theme and app blocks. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Tabs Block Builder** is a Shopify theme section in the Section Star library. Create amazing tabs using theme and app blocks. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Section Design Set the design for the section | Setting | Type | Default | | --- | --- | --- | | Show Section | Select (All Devices, Mobile Only, Desktop Only) | all | | Background Color | Color or gradient | linear-gradient(127deg, rgba(241, 246… | | Background Image | Image | — | | Background Image Color | Color | — | | Background Image Size | Select (Auto, Cover, Contain) | cover | | Mobile Background Image | Image | — | | Mobile Background Image Color | Color | — | | Mobile Background Image Size | Select (Auto, Cover, Contain) | cover | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 25 | | Padding Left/Right | Number | 25 | | Mobile Padding Left/Right | Number | 25 | | Custom CSS Class | Text | — | ### Container Design Set the design for your inner container | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | — | | Max Width | Number | 1000 | | Padding Top/Bottom | Number | 10 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 10 | | Mobile Padding Left/Right | Number | 10 | | Round Borders on Container | Range | 0 | | Subtle Shadow on Container | Checkbox | Off | | Border Size on Container | Range | 0 | | Border Color on Container | Color | #888 | ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Gap Between Blocks | Number | 10 | | Vertical Alignment | Select (Center, Top, Bottom) | start | ### Tab Display Set the display for the tabs | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Tab Active Color | Color | #111 | | Tab Inactive Color | Color | #888 | | Tab Border Color | Color | #ddd | | Tab Icon Size | Number | 20 | | Tab Icon Spacing | Number | 5 | | Active Tab Border Height | Number | 6 | | Mobile Active Tab Border Height | Number | 6 | | Tab Alignment | Text alignment | left | | Tab Mobile Display | Select (Stacked, Side-by-Side) | stacked | | All open on mobile? | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/tabs-premium/ TITLE: Tabs Builder SUMMARY: Create complex tabs with images, icons, columns and more. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Tabs Builder** is a Shopify theme section in the Section Star library. Create complex tabs with images, icons, columns and more. ## About the Tabs Builder section The "Tabs Premium" section for Shopify e-commerce stores allows you to create a visually appealing and highly functional tabbed interface within your website. Utilizing the Section Star app, this section gives you incredible flexibility to display a variety of content in a clean and organized way. Whether you're highlighting features, displaying different product categories, or sharing important information, the Tabs Premium section helps you engage users effectively with customizable tabs and content areas. ## Live demo ## Use cases 1. **Product Categories**: Use tabs to categorize different types of products, like clothing, electronics, accessories, etc. Each tab can host a range of products within that category. 2. **Feature Highlights**: Showcase various features or aspects of a single product. Each tab could provide detailed information about specifications, reviews, and pricing. 3. **Customer Support**: Provide segmented information about shipping, returns, and support policies, giving customers quick access to important information. 4. **Educational Content**: Share tutorials or guides related to your products. Each tab can serve as a chapter or section of your guide, offering a neat and organized reading experience. 5. **Promotions and Deals**: Announce special promotions and deals in a dedicated tabbed area, each tab specifying a different promotional event or offer. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Gap Between Content Elements | Number | 20 | ### Media Design Set the design for media | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Tab Design Set the design of the tabs | Setting | Type | Default | | --- | --- | --- | | Text Size | Range | 15 | | Mobile Text Size | Range | 15 | | Tab Active Color | Color | #111 | | Tab Inactive Color | Color | #888 | | Tab Border Color | Color | #ddd | | Tab Icon Size | Number | 20 | | Tab Icon Spacing | Number | 5 | | Active Tab Border Height | Number | 6 | | Mobile Active Tab Border Height | Number | 6 | | Tab Alignment | Text alignment | left | | Tab Mobile Display | Select (Stacked, Side-by-Side) | stacked | | All open on mobile? | Checkbox | Off | ### 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 | ### Tab block settings | Setting | Type | Default | | --- | --- | --- | | Tab Name | Text | New Tab | | Tab Icon | Select (No Icon, Uploaded Image, Cart, Gift, Gift Card, Shipping…) | tag | | Image | Image | — | | Min Height of Tab | Number | — | | Vertical Alignment | Select (Center, Top, Bottom) | start | | Background Color | Color or gradient | — | | Padding Top | Number | 20 | | Padding Bottom | Number | 20 | | Padding Left | Number | 0 | | Padding Right | Number | 0 | ### Content block settings | Setting | Type | Default | | --- | --- | --- | | Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p | | Alignment | Text alignment | left | | Content | Inline rich text | Add headlines, text, and more with th… | ### Rich Text block settings | Setting | Type | Default | | --- | --- | --- | | Alignment | Text alignment | left | | Content | Rich text | <h4><b>Create Amazing Content</b></h4… | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto | | Make Responsive | Checkbox | On | | Desktop Image Width (requested from Shopify) | Number | 1100 | | Mobile Image Width (requested from Shopify) | Number | 600 | | Call to Action Link | URL | — | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Optional Link | URL | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | On | | Mute Video | Checkbox | Off | ### Button block settings | Setting | Type | Default | | --- | --- | --- | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | #### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ### 5 Star block settings | Setting | Type | Default | | --- | --- | --- | | Icon Color | Color | #111 | ### Icon block settings | Setting | Type | Default | | --- | --- | --- | | Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… | | Icon Color | Color | #fff | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Padding | Number | 25 | | Icon Size | Range | 40 | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ### Image Icon block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Alignment | Text alignment | left | | Icon Shape | Select (Square, Rounded, Circle) | circle | | Icon Size | Range | 65 | ### Icon with Text block settings | Setting | Type | Default | | --- | --- | --- | | Icon Color | Color | #111 | | Icon Size | Number | 25 | | Gap Between Content Items | Number | 20 | | Text | Inline rich text | This is sample text to go along with … | | Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag | ================================================================================ URL: https://sectionstar.app/sections/tabs/ TITLE: Tabs SUMMARY: Organize product details, FAQs, policies, and reviews into clean clickable tabs — builds trust and keeps your page sleek. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Tabs** is a Shopify theme section in the Section Star library. Organize product details, FAQs, policies, and reviews into clean clickable tabs — builds trust and keeps your page sleek. ## About the Tabs section The Tabs section is a flexible and interactive way to organize and present your content in a tabbed interface. By using the Tabs section, you can add multiple tabs with different content, making it easy for customers to navigate through different pieces of information without leaving the page. This feature is particularly helpful for product descriptions, FAQs, and detailed content that can be segmented into categories. ## Live demo ## Use cases 1. **Product Descriptions**: Use tabs to separate product details, specifications, and reviews. This helps customers quickly find the information they need without scrolling through endless text. 2. **FAQ Section**: Organize frequently asked questions in tabs so that customers can easily find answers to their queries. 3. **Policy Information**: Display your return policy, shipping information, and warranty terms in separate tabs. 4. **Multi-Category Product**: For products with multiple variations (like colors, sizes, or models), use tabs to display each variation's specific details. 5. **Blog Posts**: Create a segmented blog post, where each tab focuses on a different aspect of the topic. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Text Set the text size for your widget | Setting | Type | Default | | --- | --- | --- | | Text Font | Font | sans-serif | | Text Size | Range | 15 | | Headline Font | Font | sans-serif | | Headline Size | Range | 25 | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Text Color | Color | #111 | | Background Color | Color or gradient | transparent | | Tab Active Color | Color | #111 | | Tab Inactive Color | Color | #888 | | Tab Border Color | Color | #ddd | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Max Width of Section | Number | 1000 | | Padding Top | Number | 25 | | Padding Bottom | Number | 25 | | Padding Left | Number | 10 | | Padding Right | Number | 10 | | Element Spacing | Number | 15 | ### Tab block settings | Setting | Type | Default | | --- | --- | --- | | Tab Name | Text | Tab Name | | Tab Content | Rich text | <p>This is sample tab content</p> | ================================================================================ URL: https://sectionstar.app/sections/teardrop-scroll/ TITLE: Teardrop Scroll SUMMARY: Display testimonials in a beautiful, easy-to-scroll grid. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Teardrop Scroll** is a Shopify theme section in the Section Star library. Display testimonials in a beautiful, easy-to-scroll grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Grid Gap | Number | 20 | ### Card Design Set the design of the card | Setting | Type | Default | | --- | --- | --- | | Width | Number | 300 | | Teardrop Width | Number | 100 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Testimonial Design Set the look and feel of the testimonial | Setting | Type | Default | | --- | --- | --- | | Stars Color | Color | #111 | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Width | Number | 800 | | Mobile Image Width | Number | 600 | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | Sample Source | ================================================================================ URL: https://sectionstar.app/sections/testimonial-hero/ TITLE: Testimonial Hero SUMMARY: Boost credibility and engagement with a hero section featuring a scrolling testimonial showcase. Highlight real customer experiences in a dynamic, eye-catching way that builds trust and encourages conversions. This interactive element keeps your page lively while reinforcing the value of your brand through authentic social proof. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Hero** is a Shopify theme section in the Section Star library. Boost credibility and engagement with a hero section featuring a scrolling testimonial showcase. Highlight real customer experiences in a dynamic, eye-catching way that builds trust and encourages conversions. This interactive element keeps your page lively while reinforcing the value of your brand through authentic social proof. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Hero Design Set the design for the hero | Setting | Type | Default | | --- | --- | --- | | Hero Max Width | Number | 500 | | Hero Padding Top/Bottom | Number | 100 | | Hero Padding Left/Right | Number | 10 | | Subtle Shadow on Text | Checkbox | On | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Box Alignment | Text alignment | center | ### Feature Display Set the display of the feature section | Setting | Type | Default | | --- | --- | --- | | Max Width | Number | 800 | | Padding Top/Bottom | Number | 25 | | Padding Left/Right | Number | 25 | | Overlap | Number | 25 | | Round Borders | Range | 5 | | Subtle Shadow | Checkbox | On | | Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Show Scrollbars | Checkbox | Off | ### Arrow Display Set the display of the arrows on the feature section | Setting | Type | Default | | --- | --- | --- | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | | Subtle Shadow | Checkbox | On | ### Card Design Set the design of the card | Setting | Type | Default | | --- | --- | --- | | Consistent Height | Checkbox | On | | Card Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.2 | | Gap | Number | 20 | | Width | Number | 300 | | Card Background Color | Color or gradient | linear-gradient(164deg, #fff 100%, #f… | | Round Borders | Range | 5 | | Subtle Shadow | Checkbox | On | ### Testimonial Design Set the look and feel of the testimonial | Setting | Type | Default | | --- | --- | --- | | Stars Color | Color | #111 | | Text Color | Color | #111 | | Attribution Color | Color | #888 | ### Media Display Set the display of the media | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Show Big Play Button | Checkbox | On | ### Headline Set text for the headline | Setting | Type | Default | | --- | --- | --- | | Hero Image | Image | — | | 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 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Width | Number | 800 | | Mobile Image Width | Number | 600 | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/testimonial-scroll/ TITLE: Testimonial Scroll SUMMARY: Display testimonials in a beautiful, easy-to-scroll grid. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Scroll** is a Shopify theme section in the Section Star library. Display testimonials in a beautiful, easy-to-scroll grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | ### Card Design Set the design of the card | Setting | Type | Default | | --- | --- | --- | | Card Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.2 | | Gap | Number | 20 | | Width | Number | 300 | | Card Background Color | Color or gradient | linear-gradient(164deg, #fff 100%, #f… | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Testimonial Design Set the look and feel of the testimonial | Setting | Type | Default | | --- | --- | --- | | Stars Color | Color | #111 | | Text Color | Color | #111 | | Attribution Color | Color | #888 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Media Display Set the display of the media | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Width | Number | 800 | | Mobile Image Width | Number | 600 | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/social-icons/ TITLE: Social Icons SUMMARY: Add social icons to any page — build trust with social proof and show shoppers you have an active, engaged community. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Social Icons** is a Shopify theme section in the Section Star library. Add social icons to any page — build trust with social proof and show shoppers you have an active, engaged community. ## About the Social Icons section The "Social Icons" section for Shopify, created with the Section Star app, allows you to display social media icons with links to your profiles. This section is customizable with various settings such as fonts, colors, dimensions, and content. Enhance your store's social presence by encouraging visitors to follow your brand across different social media platforms. ## Live demo ## Use cases 1. **Footer Integration**: Add the Social Icons section to the footer of your store to make it easy for customers to find and follow your social media profiles. 2. **Promotional Pages**: Include this section on promotional landing pages to convert visitors into followers. 3. **About Us Page**: Enhance your About Us page by adding social media links to build more trust and engagement with your audience. 4. **Product Pages**: Add social icons to product pages to encourage customers to share their purchases or connect with your brand. 5. **Blogs**: Use this section in blog articles to drive traffic from content to your social media pages, creating a multi-channel engagement strategy. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design of the grid | Setting | Type | Default | | --- | --- | --- | | Columns on Mobile | Select (1 column, 2 columns, 3 columns, 4 columns) | 1fr 1fr | | Gap Between Badges | Number | 20 | ### Icon Design Set the design of the icons | Setting | Type | Default | | --- | --- | --- | | Icon Color | Color | #111111 | | Icon Height | Number | 25 | ### 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 | ### Icons Set the icons you want displayed with links to social | Setting | Type | Default | | --- | --- | --- | | Show Instagram | Checkbox | On | | Instagram Link | URL | — | | Show Facebook | Checkbox | On | | Facebook Link | URL | — | | Show X | Checkbox | On | | X Link | URL | — | | Show Threads | Checkbox | On | | Threads Link | URL | — | | Show Spotify | Checkbox | On | | Spotify Link | URL | — | | Show LinkedIn | Checkbox | On | | LinkedIn Link | URL | — | | Show YouTube | Checkbox | On | | YouTube Link | URL | — | | Show Pinterest | Checkbox | On | | Pinterest Link | URL | — | | Show TikTok | Checkbox | On | | TikTok Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/testimonial-sticky/ TITLE: Testimonial Sticky SUMMARY: Display testimonials in a beautiful, sticky grid. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonial Sticky** is a Shopify theme section in the Section Star library. Display testimonials in a beautiful, sticky grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Gap | Number | 20 | | Columns | Select (50 / 50, 33 / 66, 25 / 75) | 1fr 1fr | ### Testimonial Design Set the look and feel of the testimonial | Setting | Type | Default | | --- | --- | --- | | Stars Color | Color | #111 | | Card Background Color | Color or gradient | linear-gradient(164deg, #fff 100%, #f… | | Card Spacing | Number | 10 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Feature Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Vertical Alignment | Select (Top, Center, Bottom) | center | | Spacing between Elements | Number | 10 | | Horizontal Alignment | Select (Left, Center, Right) | center | | Text Alignment | Text alignment | center | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Design Set the design for your grid | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 | | Round Borders on Media | Range | 5 | | Show Big Play Button | Checkbox | On | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Padding Top/Bottom | Number | 25 | | Mobile Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | | Sticky Offset | Number | 100 | ### Image block settings | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Width | Number | 800 | | Mobile Image Width | Number | 600 | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | ### Video block settings | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Testimonial | Inline rich text | This is a sample testimonial. | | Attribution Image (Small Photo) | Image | — | | Attribution 1 | Inline rich text | Sample Customer | | Attribution 2 | Inline rich text | @sample_customer | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | Off | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/testimonials-grid/ TITLE: Testimonials Grid SUMMARY: Display testimonials in flexible grids of 1 or more blocks. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Testimonials Grid** is a Shopify theme section in the Section Star library. Display testimonials in flexible grids of 1 or more blocks. ## About the Testimonials Grid section The Testimonials Grid section is a customizable grid layout for displaying client testimonials on your Shopify store. This grid features responsive design elements to ensure it looks fantastic on all screen sizes. Each testimonial within this section can include an image, a quote, and a citation, giving a personal touch to the testimonials you showcase. ## Live demo ## Use cases 1. **Customer Feedback Display**: Use the Testimonials Grid section to showcase satisfied customers' feedback on your homepage, product pages, or dedicated testimonial pages. This adds social proof and boosts customer trust. 2. **Influencer Testimonials**: Highlight testimonials from influencers or well-known figures who have used and endorsed your products. This can significantly increase your brand's credibility and customer engagement. 3. **Service Reviews**: If you offer services in addition to products, you can use this section to display reviews and quotes from clients who have experienced your services, helping to convert potential customers. 4. **Event Feedback**: If your store frequently hosts events or webinars, you can showcase testimonials from attendees, giving future participants a glimpse of what to expect. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Cite Color | Color | #888 | | Highlight Color | Color | #111111 | ### 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 | ### Testimonial block settings | Setting | Type | Default | | --- | --- | --- | | Testimonial Image | Image | — | | Quote | Inline rich text | This is a sample testimonial. Use thi… | | Cite | Inline rich text | - Sample Testimonial | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/text-scroll/ TITLE: Text Scroll SUMMARY: Display content blocks like testimonials in a beautiful, easy-to-scroll grid. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Text Scroll** is a Shopify theme section in the Section Star library. Display content blocks like testimonials in a beautiful, easy-to-scroll grid. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Auto-rotate slides | Checkbox | Off | | Rotation Speed | Select (Crawl, Slower, Slow, Fast, Faster, Fastest) | slow | ### Card Design Set the design of the card | Setting | Type | Default | | --- | --- | --- | | Card Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.2 | | Gap | Number | 20 | | Width | Number | 300 | | Card Background Color | Color or gradient | linear-gradient(164deg, #fff 100%, #f… | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | | Stars Color | Color | #111 | ### Block Design Set the look and feel of the text block | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Text Color | Color | #111 | | Attribution Color | Color | #888 | | Round Borders | Range | 5 | | Subtle Shadow | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Text block settings | Setting | Type | Default | | --- | --- | --- | | Show Stars | Checkbox | On | | Text | Inline rich text | This is a sample testimonial or text.… | | Attribution 1 | Inline rich text | Sample Name | ================================================================================ URL: https://sectionstar.app/sections/tilt-feature/ TITLE: Tilt Feature SUMMARY: Tilt Feature gives you a fun, angled layout that showcases four images with built-in motion and depth, instantly making your storefront feel more dynamic. Perfect for sports, lifestyle, or high-energy brands. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Tilt Feature** is a Shopify theme section in the Section Star library. Tilt Feature gives you a fun, angled layout that showcases four images with built-in motion and depth, instantly making your storefront feel more dynamic. Perfect for sports, lifestyle, or high-energy brands. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 5 | | Grid Vertical Alignment | Select (Top, Center, Bottom) | center | ### Content | Setting | Type | Default | | --- | --- | --- | | First Image | Image | — | | Second Image | Image | — | | Third Image | Image | — | | Fourth Image | Image | — | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Button Style | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/tiles/ TITLE: Tiles SUMMARY: Stack your visuals for maximum impact — a bold tiled image layout that transforms into a smooth slideshow on mobile, so it always looks great. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Tiles** is a Shopify theme section in the Section Star library. Stack your visuals for maximum impact — a bold tiled image layout that transforms into a smooth slideshow on mobile, so it always looks great. ## About the Tiles section The Tiles section is a versatile and aesthetically pleasing feature that enables you to display content in a tile-based grid format on your Shopify store. This section allows you to present images, headlines, and text organized into interactive tiles. You can customize the appearance, dimensions, and behavior of these tiles to align with your store's branding and design preferences. The responsive design ensures that your content looks great on both desktop and mobile devices. ## Live demo ## Use cases 1. **Product Highlight**: Use the Tiles section to showcase featured products. Each tile can include a product image, a catchy headline, a brief description, and a link to the product page. This can be a great way to attract attention to new arrivals or best-sellers. 2. **Categories Display**: Create visually appealing navigation tiles that represent different product categories. Each tile can include an image related to the category, a headline, and a link to the category page. 3. **Customer Testimonials**: Highlight customer reviews and testimonials. Use each tile to display a reviewer's photo, their name, the review headline, and a snippet of their feedback. This can build trust and credibility with potential customers. 4. **Blog Posts**: Promote recent blog posts by displaying them in tiles. Include the post's featured image, title, a brief excerpt, and a link to the full article. This can drive more traffic to your blog and keep your audience engaged. 5. **Special Promotions**: Advertise ongoing sales, discounts, or special events. Each tile can detail a specific promotion, including an eye-catching image, a headline, and a call-to-action link. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Tile Design Set settings for the grid | Setting | Type | Default | | --- | --- | --- | | Show Text Shadow | Checkbox | Off | | Tile Text Color | Color | #fff | | Tile Text Size | Range | 22 | | Tile Height | Number | 250 | | Gap Between Tiles | Number | 20 | ### Media Design Set settings for the media in the grid | Setting | Type | Default | | --- | --- | --- | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | | Image Width | Number | 1000 | | Mobile Image Width | Number | 1000 | ### Mobile Display Set the mobile display | Setting | Type | Default | | --- | --- | --- | | Mobile Columns | Select (1 Column, 2 Columns) | — | | Mobile Gap Between Tiles | Number | 10 | ### 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 | ### Tile block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Text (optional) | Inline rich text | — | | Tile link (optional) | URL | — | ================================================================================ URL: https://sectionstar.app/sections/tilt-text-grid/ TITLE: Tilt Image with Text SUMMARY: A bold, angled layout with built-in motion and depth — showcase four images dynamically and make your storefront feel alive. Perfect for sports, lifestyle, or high-energy brands. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Tilt Image with Text** is a Shopify theme section in the Section Star library. A bold, angled layout with built-in motion and depth — showcase four images dynamically and make your storefront feel alive. Perfect for sports, lifestyle, or high-energy brands. ## Live demo ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Spacing (mobile) | Number | 10 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image | Image | — | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Open in New Tab | Checkbox | Off | ================================================================================ URL: https://sectionstar.app/sections/trending-scroll/ TITLE: Trending Scroll SUMMARY: Display your trending products in a scroll grid to drive sales and keep shoppers engaged with your latest items. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Trending Scroll** is a Shopify theme section in the Section Star library. Display your trending products in a scroll grid to drive sales and keep shoppers engaged with your latest items. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Grid Gap | Number | 10 | | Height | Number | 300 | | Mobile Height | Number | 300 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Feature Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Feature Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Space from Top/Bottom | Number | 20 | | Text Alignment | Text alignment | left | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | ### Design Set the design for your grid | Setting | Type | Default | | --- | --- | --- | | Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 9 / 16 | | Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 9 / 16 | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Image Width | Number | 800 | | Mobile Image Width | Number | 600 | | Top Text | Inline rich text | Trending | | Bottom Text | Inline rich text | Category | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/tilt-pair/ TITLE: Tilt Pair SUMMARY: Bring your brand to life with dynamic visuals that highlight motion, energy, and style. This fun section is built to grab attention and pull customers into your story at first glance. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Tilt Pair** is a Shopify theme section in the Section Star library. Bring your brand to life with dynamic visuals that highlight motion, energy, and style. This fun section is built to grab attention and pull customers into your story at first glance. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Vertical Alignment | Select (Top, Center, Bottom) | center | ### Content | Setting | Type | Default | | --- | --- | --- | | First Image | Image | — | | Second Image | Image | — | | Image Location | Select (Left, Right) | left | | Mobile Image Location | Select (Top, Bottom) | top | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Button Style | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/tilt-scroll/ TITLE: Tilt Scroll SUMMARY: Link to your favorite products and collections with this scrolling section comprised of a fun tilt rectangle shape. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Tilt Scroll** is a Shopify theme section in the Section Star library. Link to your favorite products and collections with this scrolling section comprised of a fun tilt rectangle shape. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Set the design for the feature grid | Setting | Type | Default | | --- | --- | --- | | Show Scrollbars | Checkbox | Off | | Gap Between Shapes | Number | 20 | | Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Arrow Color | Color | #111 | ### Flower Design Set the design for the feature section | Setting | Type | Default | | --- | --- | --- | | Flower Size | Number | 300 | | Mobile Flower Size | Number | 300 | | Text Color | Color | #fff | | Text Size | Range | 20 | | Mobile Text Size | Range | 20 | | Show Text Shadow | Checkbox | On | | Color | Color or gradient | #ffffff | | Spacing between Elements | Number | 10 | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Cover Opacity | Range | 25 | | Animation Offset (Determines initial position of text) | Number | 20 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Round Borders on Button | Range | 5 | | Border Size on Button | Range | 0 | | Border Color on Button | Color | #888 | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | 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>Check out our Products</b> | | Text | Inline rich text | Shop our extensive range of amazing p… | | Spacing between Headline and Features | Number | 15 | ### Feature block settings | Setting | Type | Default | | --- | --- | --- | | Background Image | Image | — | | Headline | Inline rich text | <b>Feature Headline</b> | | Call to Action | Inline rich text | Shop Now | | Call to Action Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/trust-badges/ TITLE: Trust Badges SUMMARY: Choose from 14 high quality trust badges to build trust on your store. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Trust Badges** is a Shopify theme section in the Section Star library. Choose from 14 high quality trust badges to build trust on your store. ## About the Trust Badges section The Trust Badges section is designed to enhance customer trust and confidence by displaying various badges that highlight key selling points such as free shipping, money-back guarantees, secure payments, and more. These badges serve as visual assurances that the e-commerce store prioritizes customer satisfaction and reliability. ## Live demo ## Use cases 1. **Enhanced Trust**: Trust Badges can be added to the product pages to reassure customers about the store’s reliability and service quality. 2. **Boost Conversion**: Displaying badges like Free Shipping and Money-Back Guarantee can significantly increase conversion rates by alleviating customer concerns. 3. **Highlight Key Features**: Use Premium Quality and Secure Payments badges on the checkout page to underline the key features of your store’s offerings. 4. **Seasonal Promotions**: Adapt the badges displayed based on the season or promotional period to align with marketing strategies. 5. **Customer Assurance**: Use Satisfaction Guaranteed and Thousand Sold badges on the homepage to build visitor confidence in your brand. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Badge Design Set the badge display | Setting | Type | Default | | --- | --- | --- | | Gap Between Badges | Number | 20 | ### Badge Design Set the display of the icon | Setting | Type | Default | | --- | --- | --- | | Badge Height | Number | 100 | | Mobile Badge Height | Number | 100 | ### Badges Set the badges you want displayed | Setting | Type | Default | | --- | --- | --- | | Show Free Shipping | Checkbox | On | | Show Money Back | Checkbox | On | | Show Secure Payments | Checkbox | On | | Show Award Winning | Checkbox | On | | Show Premium Quality | Checkbox | On | | Show Five Star | Checkbox | Off | | Show Fast Shipping | Checkbox | Off | | Show Thousand Sold | Checkbox | Off | | Show Satisfaction Guaranteed | Checkbox | Off | | Show Guaranteed Quality | Checkbox | Off | | Show Exclusive | Checkbox | Off | | Show Inspected | Checkbox | Off | | Show Made in USA | Checkbox | Off | | Show Made in Canada | Checkbox | Off | ### 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 | ================================================================================ URL: https://sectionstar.app/sections/triptych/ TITLE: Triptych SUMMARY: Three images, one unforgettable statement — create a bold editorial triptych that showcases your products in a way that stops the scroll. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Triptych** is a Shopify theme section in the Section Star library. Three images, one unforgettable statement — create a bold editorial triptych that showcases your products in a way that stops the scroll. ## About the Triptych section The Triptych section by Section Star is a versatile layout component designed for Shopify stores. It comprises a grid-based structure with three side-by-side images and a content area. The section is highly customizable, allowing merchants to adjust fonts, colors, spacing, images, and more, to create a visually appealing display that can enhance product presentation or highlight key marketing messages. ## Live demo ## Use cases 1. **Product Showcase**: Use the Triptych section to feature a new product line, with each image representing a different product variant. 2. **Customer Testimonials**: Display customer photos alongside their testimonials to build trust and credibility. 3. **Seasonal Promotion**: Highlight seasonal promotions or holiday sales with eye-catching images and compelling call-to-action text. 4. **Brand Story**: Share your brand's story with a combination of images and text to create a narrative that resonates with your audience. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design Setup the display of the grid | Setting | Type | Default | | --- | --- | --- | | Gap Between Columns | Number | 20 | | Gap between Text Elements | Number | 15 | ### Content Set content for the section | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample Headline</b> | | Content | Rich text | <p>This is sample content for the des… | | Link Text | Text | Shop More | | Link | URL | — | ### Images Select the images. | Setting | Type | Default | | --- | --- | --- | | Image 1 | Image | — | | Image 2 | Image | — | | Image 3 | Image | — | | Image Width (size requested from Shopify) | Number | 800 | | Mobile Image Width (size requested from Shopify) | Number | 600 | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | ================================================================================ URL: https://sectionstar.app/sections/trust-hero/ TITLE: Trust Hero SUMMARY: A bold two-column section that pairs a testimonial and star rating with your product image and call-to-action. Great for showcasing best-sellers with social proof. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Trust Hero** is a Shopify theme section in the Section Star library. A bold two-column section that pairs a testimonial and star rating with your product image and call-to-action. Great for showcasing best-sellers with social proof. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. | Setting | Type | Default | | --- | --- | --- | | Headline | Inline rich text | <b>This is the sample headline</b> | ### Stars Set content and design for the stars | Setting | Type | Default | | --- | --- | --- | | # Stars | Select (5, 4.5) | 5 | | Social Proof | Text | SOCIAL PROOF | | Button Text | Text | Shop Now | | Button Link | URL | — | | Open in New Tab | Checkbox | Off | ### Image Set the design for the image | Setting | Type | Default | | --- | --- | --- | | Image | Image | — | | Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 1 / 1 | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Badge | Select (None, Free Shipping, Money Back, Secure Payments, Premium Quality, Award Winning…) | Premium Quality | | Customer Name | Text | Customer Name | | Testimonial Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… | | Testimonial Content | Multi-line text | Replace this with one of your testimo… | | Button Background | Color or gradient | linear-gradient(164deg, #f44 0%, #f22… | | Button Text Color | Color | #fff | | Button Font Size | Range | 16 | | Button Border Radius | Number | 25 | | Column Spacing | Number | 25 | ================================================================================ URL: https://sectionstar.app/sections/video-floating/ TITLE: Floating Shoppable Video SUMMARY: Keep shoppers hooked while they browse. This auto-playing shoppable floating video stays visible in the corner of the screen, letting customers expand it anytime to explore and shop tagged products — without ever leaving the page. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Floating Shoppable Video** is a Shopify theme section in the Section Star library. Keep shoppers hooked while they browse. This auto-playing shoppable floating video stays visible in the corner of the screen, letting customers expand it anytime to explore and shop tagged products — without ever leaving the page. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Video Upload your video | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Mute Video in Fullscreen | Checkbox | Off | ### Position Set the position of the floating video | Setting | Type | Default | | --- | --- | --- | | Position | Select (Bottom Left, Bottom Right) | right | | Horizontal Offset (px) | Number | 20 | | Vertical Offset (px) | Number | 20 | ### Floating Video Size Set the size of the floating video | Setting | Type | Default | | --- | --- | --- | | Video Width (Desktop) | Range | 200 | | Video Width (Mobile) | Range | 140 | ### Appearance Customize the look | Setting | Type | Default | | --- | --- | --- | | Border Radius (Floating) | Range | 10 | | Border Radius (Fullscreen) | Range | 0 | | Shadow on Floating Video | Checkbox | On | ### Show After Scroll Optionally show the video after scrolling | Setting | Type | Default | | --- | --- | --- | | Show After Scroll | Checkbox | Off | | Scroll Threshold (px) | Number | 300 | ### Product Show a product in the fullscreen view | Setting | Type | Default | | --- | --- | --- | | Show Product | Checkbox | On | | Product | Product | — | | Link Text | Text | Quick view | ================================================================================ URL: https://sectionstar.app/sections/video-hero/ TITLE: Video Hero SUMMARY: Make a powerful first impression — a fully configurable video hero that draws visitors in from the moment they land on your page. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Video Hero** is a Shopify theme section in the Section Star library. Make a powerful first impression — a fully configurable video hero that draws visitors in from the moment they land on your page. ## About the Video Hero section The Video Hero section provides a dynamic and visually appealing way to showcase your products, promotions, or any other content. Combining video backgrounds with customizable text and call-to-action elements, this section captures visitor attention instantly. You can set up background videos with various control options, and overlay text and buttons with customizable fonts, colors, and alignments. ## Live demo ## Use cases 1. **New Product Launch**: Feature a video of your newest product being used or demonstrated, with a bold call-to-action button urging visitors to shop now. 2. **Seasonal Promotions**: Use holiday-themed or seasonal videos to announce special sales or limited-time offers, enhancing the festive atmosphere of your store. 3. **Brand Storytelling**: Tell your brand's story through a compelling video, overlayed with key messages and a link to learn more or shop your collection. 4. **Customer Testimonials**: Display videos of customer testimonials or reviews, building social proof and encouraging potential buyers to trust your products. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Hero Design Set the settings for your hero | Setting | Type | Default | | --- | --- | --- | | Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… | | Content Width | Range | 60 | | Box Alignment | Select (Left, Center, Right) | left | | Show Cover over Video | Checkbox | On | | Cover Opacity | Range | 25 | | Show Text Shadow | Checkbox | Off | ### Button Style Set the look and feel of the button | Setting | Type | Default | | --- | --- | --- | | Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Primary Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Border Size | Number | 0 | | Border Color | Color | #111 | ### Content Set the section content. | Setting | Type | Default | | --- | --- | --- | | Text Alignment | Select (Left, Center, Right) | left | | Headline | Inline rich text | <strong>Welcome to Video Hero!</strong> | | Content | Inline rich text | The video hero allows you to show a r… | | Call to Action | Text | Shop Now | | Call to Action Link | URL | — | | Animate Call to Action | Checkbox | On | ### Video Setup the video | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Mobile Hero Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/video-modal/ TITLE: Video Modal SUMMARY: Display a modal with a beautiful video. Great for on demand content to any page. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Video Modal** is a Shopify theme section in the Section Star library. Display a modal with a beautiful video. Great for on demand content to any page. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Target Add the below string to any URL to launch the modal. Please keep the #. | Setting | Type | Default | | --- | --- | --- | | Target | Text | #video-modal | ### Colors Set colors for the section. | Setting | Type | Default | | --- | --- | --- | | Background Color | Color or gradient | linear-gradient(164deg, #FFF 0%, #FFF… | ### Dimensions Set the section dimensions in pixels. | Setting | Type | Default | | --- | --- | --- | | Padding Top | Number | 0 | | Padding Bottom | Number | 0 | | Padding Left | Number | 0 | | Padding Right | Number | 0 | ### Video Setup the video | Setting | Type | Default | | --- | --- | --- | | Video Orientation | Select (Portrait, Landscape) | portrait | | Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | Off | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | Off | | Show Big Play Button | Checkbox | On | ================================================================================ URL: https://sectionstar.app/sections/video-pair/ TITLE: Video Pair with Text SUMMARY: Pair your message with two videos that bring it to life. Whether it’s product demos, customer stories, or behind-the-scenes footage, this section lets you showcase your brand in action. Perfect for visual storytelling that converts—clean, dynamic, and scroll-worthy. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Video Pair with Text** is a Shopify theme section in the Section Star library. Pair your message with two videos that bring it to life. Whether it’s product demos, customer stories, or behind-the-scenes footage, this section lets you showcase your brand in action. Perfect for visual storytelling that converts—clean, dynamic, and scroll-worthy. ## Live demo ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Grid Design | Setting | Type | Default | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Vertical Alignment | Select (Top, Center, Bottom) | center | ### Content | Setting | Type | Default | | --- | --- | --- | | First Video | Video | — | | Second Video | Video | — | | Video Location | Select (Left, Right) | left | | Mobile Video Location | Select (Top, Bottom) | top | | Video Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 9 / 16 | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | | Show Big Play Button | Checkbox | On | | Image Border Radius | Number | 5 | | Subtle Shadow on Image | Checkbox | On | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <b>Sample headline</b> | | Content | Rich text | <p>Sample content</p> | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Button Style | Setting | Type | Default | | --- | --- | --- | | Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… | | Button Text Color | Color | #fff | | Text Size | Range | 15 | | Padding Top/Bottom | Number | 10 | | Padding Left/Right | Number | 25 | | Border Radius | Number | 5 | | Link Text | Inline rich text | Shop More | | Link | URL | — | ================================================================================ URL: https://sectionstar.app/sections/video-standalone/ TITLE: Video Standalone SUMMARY: Just an easy to configure standalone video section. Very slick! UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Video Standalone** is a Shopify theme section in the Section Star library. Just an easy to configure standalone video section. Very slick! ## About the Video Standalone section The Video Standalone section is designed to integrate seamlessly into your Shopify store, offering an engaging video display feature. This section allows you to embed a video with customizable playback options, ensuring that your audience gets the best visual experience. It provides control over various settings such as autoplay, loop, inline play, and background customization to match your store's aesthetics perfectly. ## Live demo ## Use cases 1. **Product Showcases**: Highlight your products in action with a standalone video to provide customers with a better understanding of the product. 2. **Brand Stories**: Share your brand's story, mission, and values through engaging video content. 3. **Customer Testimonials**: Feature video testimonials and reviews from satisfied customers to build trust and credibility. 4. **Promotional Content**: Use video to announce special promotions, sales, or events in an eye-catching manner. 5. **Tutorials and Guides**: Provide helpful tutorials or guides that showcase how to use your products effectively. ## Settings Every setting below appears in the Shopify theme customizer once the section is published. ### Video Setup the video | Setting | Type | Default | | --- | --- | --- | | Hero Video | Video | — | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | | Show Big Play Button | Checkbox | On | | Round Borders on Image | Range | 5 | | Subtle Shadow on Image | Checkbox | On | ### 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 | ================================================================================ URL: https://sectionstar.app/sections/video-text-grid/ TITLE: Video with Text SUMMARY: Bring your story to life — pair an autoplay video with compelling text for a rich, dynamic layout that a static image alone can't match. UPDATED: 2026-10-26T00:00:21.893Z ================================================================================ **Video with Text** is a Shopify theme section in the Section Star library. Bring your story to life — pair an autoplay video with compelling text for a rich, dynamic layout that a static image alone can't match. ## Live demo ## 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 | | --- | --- | --- | | Grid Spacing | Number | 25 | | Grid Column Size | Select (50/50, 60/40, 40/60) | 1fr 1fr | | Grid Vertical Alighment | Select (Top, Center, Bottom) | center | ### Content Set image and text for section | Setting | Type | Default | | --- | --- | --- | | Video Location | Select (Left, Right) | left | | Mobile Video Location | Select (Top, Bottom) | top | | Text Alignment | Text alignment | center | | Mobile Text Alignment | Text alignment | center | | Headline | Inline rich text | <strong>Sample headline</strong> | | Content | Rich text | <p>This is an example of the rich tex… | | Link Text | Inline rich text | Shop More | | Link | URL | — | | Padding Top/Bottom | Number | 0 | | Mobile Padding Top/Bottom | Number | 0 | | Padding Left/Right | Number | 0 | | Mobile Padding Left/Right | Number | 0 | ### Video Choose the video and related settings | Setting | Type | Default | | --- | --- | --- | | Video | Video | — | | Video Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 21 / 9 | | Play Inline | Checkbox | On | | Autoplay | Checkbox | On | | Loop Video | Checkbox | On | | Show Video Controls | Checkbox | Off | | Mute Video | Checkbox | On | | Show Big Play Button | Checkbox | On | | Round Borders on Media | Range | 5 | | Subtle Shadow on Media | Checkbox | On | ### Button Style Set the look and feel of 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 |