Back to library
Features Shopify sections
Feature, spec and interactive Shopify sections that explain why the product is worth buying — without apps or extra snippets.
25 copy-paste Liquid files
- Brutal Features2×2 color-cycled hard-shadow feature cards
- Brutal Steps3 numbered blocks joined by dashed arrows
- Feature AccordionAccordion features with crossfading image panel
- Feature BentoBento grid of mixed-size image/text cards
- Feature CalloutsCenter product image flanked by callout notes
- Feature Cards3-column image + text feature cards
- Feature CarouselScroll-snap feature cards with arrows + progress
- Feature ChecklistSplit heading + 2-col accent checklist card
- Feature NumbersEditorial numbered features with outlined digits
- Feature TabsPill tabs switching image + text panels
- Feature ZigzagAlternating image/text rows with scroll reveal
- How It WorksNumbered 3-step onboarding flow
- Icon Feature Grid3x2 icon feature grid (power / battery / wifi / timer…)
- Luxe Services3-column concierge services with hairlines
- Neon Features3×2 glass tiles with gradient icon rings
- Pop BentoCandy-colored bento grid with emoji icons
- Comparison Table3-model comparison table, yes/no rendered as icons
- In the BoxWhat's-in-the-box image + item list
- Print Spec SheetRuled spec sheet with footnote
- Specs TableGrouped technical specs table
- Before / AfterDraggable before/after image comparison slider
- Color SwatchesSwatch dots switching the product image with crossfade
- Image HotspotsPulsing hotspots with popover cards on an image
- App DownloadDark app download split with store badges + tilted phone
- App FeaturesCSS phone mockup flanked by feature notes
- Brutal Features2×2 特性卡网格:黄粉蓝绿四色轮换底 + 3px 黑框硬投影,悬停位移,大符号图标。
- Brutal Steps三步流程横排:糖果色大序号方块 + 粗虚线箭头连接,硬投影卡片,直白易读。
- Feature Accordion手风琴图文:左侧功能手风琴(单项展开、强调色侧线),右侧大图随展开项交叉淡入切换。
- Feature BentoBento 便当网格:大小混排的圆角卡片(图片卡 / 文字卡两种样式可选),悬停浮起,苹果风功能总览。
- Feature Callouts产品细节标注:中间产品大图,左右两列短横线标注卡(可指定每条在左或右),移动端自动收为图上文下。
- Feature Cards三列图文特性卡片,居中大标题。图片圆角、上下内边距均可在主题编辑器中调节,移动端自动收为单列。
- Feature Carousel特性卡横向轮播:scroll-snap 滑动 + 圆形箭头 + 底部进度条,桌面 3 卡可见,移动端单卡滑动。
- Feature Checklist卖点清单分栏:左侧标题文案按钮,右侧白色圆角卡内两列强调色对勾清单,信息密度高、扫读友好。
- Feature Numbers编辑风编号列表:细分隔线行内超大描边数字(01/02/03),悬停数字填充为强调色,克制而高级。
- Feature Tabs功能选项卡:胶囊 Tab 切换多组"图片 + 标题 + 说明"面板,适合展示空气炸 / 烘烤 / 解冻等多模式产品。
- Feature ZigzagZ 字交替图文:多组图文自动左右交替排列,滚动进入视口时逐行淡入上移,讲述多个卖点的经典版式。
- How It Works三步使用流程:编号圆点 + 配图 + 说明,降低新用户上手门槛,常见于小家电和智能设备首页。
- Icon Feature Grid图标特性网格:3x2 布局,内置功率 / 续航 / Wi-Fi / 定时 / 控温 / 静音六种 3C 常用线性图标 + 标题 + 说明。
- Luxe Services礼宾服务三列:细线分隔 + 线框图标位 + serif 标题(刻字/礼盒/延保),精品店服务承诺。
- Neon Features3×2 玻璃拟态特性卡:渐变描边圆形图标 + 悬停上浮发光,backdrop-blur 通透质感。
- Pop Bento糖果色便当格:一大三小不规则网格 + emoji 大图标 + 悬停弹跳,俏皮卖点陈列。
- Comparison Table三个型号横向对比表:首列型号高亮,单元格输入 yes / no 自动渲染为勾叉图标,也支持自由文本,移动端可横向滚动。
- In the BoxWhat's in the Box 开箱清单:左侧产品全家福大图,右侧两列"数量 + 物品"清单,3C 产品页标配。
- Print Spec Sheet印刷规格表:双线表头 + 细线行 + 小型大写标签配 serif 数值,底部脚注,产品说明书质感。
- Specs Table技术规格参数表:支持"分组标题 + 参数行"两种 block,自由组合成 3C / 家电常见的分组规格清单。
- Before / After前后对比滑块:拖动手柄擦除对比两张图片,支持触摸与键盘(原生 range 输入),可设初始位置与角标文案。
- Color Swatches颜色款式切换:右侧色板圆点点击后左侧大图淡入切换并更新颜色名,用于展示多配色 / 多材质产品。
- Image Hotspots图片热点标注:在大图上放置脉冲圆点,点击弹出标题 + 说明 + 链接卡片,位置以百分比自由摆放。
- App DownloadApp 下载引导:深色分栏,左侧标题 + App Store / Google Play 双下载按钮(内联 SVG),右侧倾斜手机样机。
- App FeaturesApp 功能环绕:CSS 手绘手机壳居中展示截图,左右两列功能点带强调色圆点标记,智能设备配套 App 必备。