Shopify Section Library
The complete index of Shopify theme sections available in Section Star, each with a live demo, use cases, and a full list of configuration settings.
| Preview | Section | What it does |
|---|---|---|
 |
24 Hour Countdown | A 24-hour countdown timer to create urgency and drive more sales — perfect for flash sales and time-limited promotions. |
 |
Accordion | Show a grid of images and videos that dynamically slide open on hover. |
 |
Accordion Feature | Show a grid of featured blocks that dynamically slide open on hover. |
 |
Action Button | Keep key actions always within reach — add a persistent floating button that follows shoppers as they scroll. |
 |
Animate | Add entrance animations to any Section Star section. |
 |
Annotations | Add an image with annotations to any page. |
 |
Before & After | Let your results build trust and sell for you — show stunning transformations with an interactive drag slider that brings before & after to life. |
 |
Block Builder | 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. |
 |
Card Grid | Showcase products in a polished card grid — flexible images, text, and calls to action designed to sell. |
 |
Card Scroll | Display product cards in a beautiful, easy-to-scroll grid. |
 |
Circle Chart Grid | Build amazing circle charts. |
 |
Circle Menu | Turn navigation into a visual experience — showcase your collections and products in a stunning circular layout that shoppers love to explore. |
 |
Circle Scroll | Display a circle menu in a beautiful, easy-to-scroll grid. Add items manually or add a collection. |
 |
Circle Swap Menu | Make navigation a visual delight — showcase products and collections in a circular menu with a slick image swap on hover that keeps shoppers exploring. |
 |
Color Splash | Add a splash of color to your sections with a beautiful splash of color. |
 |
Comparison Grid | Win more sales by making the choice easy — show side-by-side comparisons that clearly highlight why your product comes out on top. |
 |
Contact Form | Build a custom contact form — show customers you are accessible and build trust through easy, direct support. |
 |
Contact Modal | Display a custom contact form on demand using our powerful modal. |
 |
Copy Banner | Drive sales with a one-click promo code banner — shoppers copy your discount code instantly and head straight to checkout. |
 |
Count Up Banner | Make your numbers impossible to ignore — animated stats that count up as shoppers scroll, turning your milestones into a powerful trust signal. |
 |
Count Up Hero | 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. |
 |
Countdown Banner | Create urgency that converts — add a sleek countdown banner to your promotions and watch shoppers act before time runs out. |
 |
Countdown Hero | A countdown image hero that creates urgency and drives sales during promotions, launches, and flash events. |
 |
Countdown Scroll | Pair a scrollable product list with a countdown timer — create urgency and sell more during time-limited promotions. |
 |
Countdown to Date | Countdown to a specific date for holidays, sales, and promos — build urgency around any time-limited offer. |
 |
Details Modal | Display a modal with a headline and rich text. Great for adding quick info to any page. |
 |
Diptych | Two images, one impact — pair your best visuals side by side for a bold, editorial look that stops scrollers in their tracks. |
 |
Divider | A simple section to add a highly customizable divider to any page. Simple, useful, free. |
 |
External Video Grid | Display a grid of YouTube or Vimeo videos side by side. Converts to a slideshow on mobile. |
 |
External Video Standalone | A clean, full-width standalone video section for YouTube or Vimeo. Add an optional headline and text above the video. |
 |
External Video Text | Just like our beloved image section but with external video! Choose from Youtube or Vimeo. |
 |
Fall Hero | Create amazing falling leaves effect on your hero section. The falling leaves adds a holiday or fall feel to your site. |
 |
Falling Leaves | 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. |
 |
FAQ | Show FAQs in a slick expanding view — answer objections, build trust, and help shoppers feel confident buying from you. |
 |
FAQ Plus | Create feature-rich FAQs to build trust and address customer objections — with more options and flexibility than the standard FAQ. |
 |
FAQ Sync | Pair a trust-building FAQ with a synced image — answer questions and reassure shoppers in one engaging layout. |
 |
FAQ with Image | Answer questions and build trust at the same time — pair a compelling visual with your FAQ for a more engaging and reassuring experience. |
 |
Feature Five | A slick 5 image display to call attention to your products. |
 |
Feature Grid | Showcase your products in a flexible grid to drive sales. Choose stacked or slideshow for mobile display. |
 |
Feature Hero | A beautiful hero with featured sections. |
 |
Feature Scroll | Show your products in a beautiful scroll grid — keeps shoppers browsing and selling for you continuously. |
 |
Feature Sticky | Display your products in a sticky grid that keeps sales front and center as shoppers scroll through your page. |
 |
Filmstrip | A beautiful vertical scrolling marquee that pauses on hover for direct links. |
 |
Fixed Sales Bar | Add a fixed sales bar to any page. |
 |
Fixed Sales Nav | 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. |
 |
Floating Menu | 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. |
 |
Floating Shoppable Video | 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. |
 |
Flower Scroll | Link to your favorite products and collections with this scrolling section comprised of fun flower shapes. |
 |
Footer | Create amazing footers. Mix-and-match columns, menus, contact forms and more. |
 |
Footer - Call to Action | A bold footer that leads with a headline and a call-to-action button. |
 |
Footer - Centered | A clean, centered footer with brand name, inline links, social icons and copyright. |
 |
Footer - Columns | A footer with four columns of quick links — shop, company, support and legal. |
 |
Footer - Contact & Hours | A footer highlighting contact details, opening hours and social links. |
 |
Footer - Newsletter | A newsletter-focused footer with an email signup, social icons and quick links. |
 |
Footer - Social Bar | A minimal footer centered on your brand name and social media icons. |
 |
Footer - Trust Badges | A footer row of trust badges — free shipping, easy returns, secure checkout and support. |
 |
Form Builder | Build amazing multi-step forms. |
 |
Free Shipping Bar | A live progress bar that shows shoppers how close their cart is to unlocking free shipping — driving larger orders. |
 |
Fullscreen Slideshow | Command attention the moment visitors land — display your best imagery in a stunning full-screen carousel with smooth slide and fade transitions built in. |
 |
Fun Grid | Give shoppers a playful way to explore — build eye-catching grid layouts that link to your top products and collections. |
 |
Gift Card Upsell | Enable upsell of gift cards from any page. Great for the holidays! |
 |
Grid Hero | Create amazing grids of video and images. Multiple layouts. Slick animations. Converts to a slideshow on mobile. |
 |
Header | 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. |
 |
Headline | Create a cool headline with pill accent. |
 |
Hero | Display a large image and CTA on your home or landing pages to sell from the moment visitors arrive. |
 |
Hero Builder | Create amazing hero sections with images, icons, columns, shapes and more. |
 |
Hero Parallax | Create a hero with a parallax background effect. |
 |
Hero Slider | Display a large image and CTA on your home or landing pages. |
 |
Hotspots | Add an image with hotspots to any page. |
 |
Icon Banner | Highlight your best offers at a glance — a bold icon banner that drives clicks to your sales, promotions, and new arrivals. |
 |
Icon Grid | Display a grid of trust badges, certifications, or feature icons. Choose from 25+ pre-built icon options. |
 |
Icon List | Display a list of trust badges, certifications, or features. Choose from 25+ pre-built icon options. |
 |
Image Contact Form | Build your own contact form and pair it with an image. |
 |
Image Pair with Text | 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. |
 |
Image Price Grid | Show pricing in a grid with a hero image for each price item. |
 |
Image Standalone | Add a simple standalone image including shadows, border radius, aspect ratio and sizing. |
 |
Image Swap Grid | Feature a grid of images that swap to an alternate image on hover. |
 |
Image with Text | Full width image with text grid. Super easy to configure. |
 |
Lazy Video | Add lazy video loading to any Section Star video section. |
 |
Link Grid | Guide shoppers exactly where you want them — a clean, customizable link grid that makes navigating your store effortless. |
 |
Link Hero | Add a link hero to any page. |
 |
Map | 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. |
 |
Marquee | A cool display of scrolling images and videos. |
 |
Marquee Banner | Keep your message moving — a sleek scrolling banner that keeps sales, promotions, and announcements front and center at all times. |
 |
Marquee Hero | A beautiful hero with a stunning marquee. |
 |
Masonry | 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. |
 |
Masonry Feature | Show a grid of clickable features in a beautiful vertical brick format. |
 |
Media Grid | Build rich, immersive media galleries — combine videos and images in a flexible grid with autoplay support for a dynamic, scroll-stopping experience. |
 |
Media Scroll | Display images and video in a beautiful, easy-to-scroll grid. |
 |
Media Sticky | Display images and videos in a beautiful, sticky grid. |
 |
Media Testimonial Grid | Feature a grid of testimonials complete with images or videos and a star rating. |
 |
Modal Form Builder | Build amazing, multi-step forms modals. |
 |
Offset Feature | A beautiful offset feature with drag-and-drop content support. |
 |
Page Builder | Create complex layouts with images, videos, icons, columns and more. Combine multiple page builder sections to develop robust pages. |
 |
Page Tag | 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. |
 |
Payment Icons | Quickly add payment icons to build trust |
 |
Pebble Grid | Display products in a fun grid. |
 |
Pebble Scroll | Display products in a fun, easy-to-scroll grid. |
 |
Photo Grid | 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. |
 |
Popup Builder | Build sales-boosting popups to capture emails, promote offers, and reduce cart abandonment. Launch on click, page load, or exit intent. |
 |
Post Content | 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. |
 |
Post Flower Header | 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. |
 |
Post Image Header | 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. |
 |
Post Squircle Header | 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. |
 |
Post Tilt Header | 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. |
 |
Price Grid | Make your pricing clear and sell your plans — a scannable pricing grid with feature checkmarks that helps shoppers choose with confidence. |
| Product Add-ons | Let shoppers add optional extras — gift wrap, warranties, accessories — straight to their order with selectable add-on product cards. | |
 |
Product Blocks | Supercharge your product pages — add powerful theme blocks that build trust and give shoppers everything they need to buy with confidence. |
 |
Profile Grid | Put a face to your brand — showcase your team, founders, or ambassadors in a polished profile grid that builds trust and human connection. |
 |
Reveal | Create a moment of delight — reveal hidden content with a smooth hover effect that surprises and engages your visitors. |
 |
Rich Text Grid | Display text in flexible grids of 1 or more blocks. |
 |
Rounded Feature | Create a split text/image view with a slick rounded backdrop. |
 |
Rounded Grid | The rounded grid pairs a beautiful rounded image with text adn buttons to create a standout grid to display products or collections. |
 |
Schedule | Set the date and time when your section will be visible to customers. |
 |
Scheduled Slideshow | A slideshow where each slide can be scheduled — perfect for seasonal sales campaigns, promotions, and time-limited offers. |
 |
Scroll Text Hero | 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. |
 |
Scrolling Images | Add scrolling images. |
 |
Section Nav | Add navigation between sections. Automatically navigates and updates selected based on screen position. |
 |
Shape Divider | A simple section to add a highly customizable shape to divide to any page. |
 |
Shop Image | Turn any photo into a sales opportunity — add shoppable product links directly to your images and let customers shop what they see. |
 |
Shoppable Grid | 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. |
 |
Signup Banner | Create a slick email signup banner to build your audience and fuel future sales with direct marketing. |
 |
Size Chart | Display key brand statistics to build trust — animated numbers count up as shoppers scroll, showcasing your milestones and credibility. |
 |
Slideshow | Display images in a beautiful, touch-friendly, animated carousel. Slide and fade transitions built-in. |
 |
Slideshow Hero | Create amazing slideshows. |
 |
Slideshow Text | 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. |
 |
Sliding Grid | Create an amazing sliding grid of images or video. |
 |
Sliding Testimonials | A beautiful display of touch friendly sliding testimonials. |
 |
Smooth Scroll To | Designate this section as a scroll destination for seamless navigation. Section has support for smooth scrolling. |
 |
Snow Globe | 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. |
 |
Snow Hero | Create amazing snow globe effect on your hero section. The falling snow adds a holiday or winter feel to your site. |
 |
Social Icons | Add social icons to any page — build trust with social proof and show shoppers you have an active, engaged community. |
 |
Social Proof Popup | A small corner notification that cycles through recent purchases, live viewer counts and other social proof messages to build trust and urgency. |
 |
Split Parallax | Create a split text/image parallax view. |
 |
Squircle Scroll | Link to your favorite products and collections with this scrolling section comprised of fun squircle shapes. |
 |
Staggered Grid | Display videos and images in flexible, staggered grids of 1 or more blocks. Eye-catching staggered design. Supports autoplay videos. |
 |
Table Builder | Create amazing tables for data, size charts, and more. |
 |
Tabs | Organize product details, FAQs, policies, and reviews into clean clickable tabs — builds trust and keeps your page sleek. |
 |
Tabs Block Builder | Create amazing tabs using theme and app blocks. |
 |
Tabs Builder | Create complex tabs with images, icons, columns and more. |
 |
Teardrop Scroll | Display testimonials in a beautiful, easy-to-scroll grid. |
 |
Testimonial Callout | Create a section to call attention to your best testimonials. |
 |
Testimonial Grid | Let your happiest customers do the selling — showcase testimonials in a stunning grid layout that builds instant credibility. |
 |
Testimonial Hero | 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. |
 |
Testimonial Marquee | Display testimonials in a beautiful scrolling marquee. |
 |
Testimonial Masonry | Feature a grid of testimonials complete with images or videos and a star rating in a brick layout. |
 |
Testimonial Parallax | Create a testimonial with a parallax background effect. |
 |
Testimonial Scroll | Display testimonials in a beautiful, easy-to-scroll grid. |
 |
Testimonial Slider | Display testimonials in a slider of 1 or more blocks. |
 |
Testimonial Standalone | Add a simple star testimonial to any page. |
 |
Testimonial Sticky | Display testimonials in a beautiful, sticky grid. |
 |
Testimonials Grid | Display testimonials in flexible grids of 1 or more blocks. |
 |
Text Scroll | Display content blocks like testimonials in a beautiful, easy-to-scroll grid. |
 |
Tiles | Stack your visuals for maximum impact — a bold tiled image layout that transforms into a smooth slideshow on mobile, so it always looks great. |
 |
Tilt Feature | 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. |
 |
Tilt Image with Text | 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. |
 |
Tilt Pair | 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. |
 |
Tilt Scroll | Link to your favorite products and collections with this scrolling section comprised of a fun tilt rectangle shape. |
 |
Trending Scroll | Display your trending products in a scroll grid to drive sales and keep shoppers engaged with your latest items. |
 |
Triptych | Three images, one unforgettable statement — create a bold editorial triptych that showcases your products in a way that stops the scroll. |
 |
Trust Badges | Choose from 14 high quality trust badges to build trust on your store. |
 |
Trust Hero | 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. |
 |
Vertical Slideshow | Create amazing vertical slideshows. |
 |
Video Hero | Make a powerful first impression — a fully configurable video hero that draws visitors in from the moment they land on your page. |
 |
Video Modal | Display a modal with a beautiful video. Great for on demand content to any page. |
 |
Video Pair with Text | 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. |
 |
Video Standalone | Just an easy to configure standalone video section. Very slick! |
 |
Video with Text | 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. |