Back to library
Hero Shopify sections
Full-width Shopify hero sections for homepages and campaign landing pages. Paste one Liquid file into any Online Store 2.0 theme.
12 copy-paste Liquid files
- Brutal HeroGiant highlighted headline + hard-shadow image + rotated sticker
- Hero BannerFull-width hero with overlay, height presets, dual CTA
- Hero EditorialCream editorial serif hero with meta rows + rules
- Hero GradientDark hero with accent glow + floating product image
- Hero SplitLight split hero with rating row + offset image frame
- Hero TypingDark hero with typewriter rotating keywords
- Hero VideoBackground-video hero with overlay + poster fallback
- Luxe HeroHairline-framed centered serif hero
- Neon HeroDrifting glow orbs + gradient headline + glass panel
- Pop HeroPink/yellow split hero with starburst NEW! badge
- Print HeroNewspaper front-page hero with dateline + 2-col lede
- Split BannerDual-image split banner with per-side heading + link
返回模块库
首屏 Hero Shopify 模块
适用于首页和营销落地页的全宽 Shopify Hero section。复制单个 .liquid 文件到任意 Online Store 2.0 主题即可使用。
12 个可复制 Liquid 文件
- Brutal Hero新野兽派首屏：900 字重大写标题（荧光黄色块高亮）+ 黑框硬投影图片 + 旋转贴纸徽章，冲击力拉满。
- Hero Banner全宽背景大图 + 标题 + 副标题 + 主/次双按钮。可调遮罩透明度、区块高度（含全屏）、内容左对齐或居中。
- Hero Editorial杂志编辑风 Hero：米色底 + 超大衬线标题（含斜体词）+ 小型大写字母元信息行 + 细分隔线，适合品牌调性站。
- Hero Gradient深色渐变光晕 Hero：居中内容 + 强调色高亮词，产品大图带缓慢上下浮动动画，科技感十足。
- Hero Split浅色左右分栏 Hero：眉标胶囊 + 大标题 + 双按钮 + 星级评分行，右侧图片带强调色错位边框装饰。
- Hero Typing打字机 Hero：标题结尾的关键词逐字打出、删除、循环切换，强调色光标闪烁，词组以 block 自由配置。
- Hero Video背景视频 Hero：自动静音循环播放的全宽视频 + 遮罩 + 居中白色文案与按钮，支持封面图兜底。
- Luxe Hero奢华精品首屏：细线外框 + 金色眉标 + 超大 serif 标题（斜体强调词）+ 下划线式链接，克制高级。
- Neon Hero暗黑霓虹首屏：漂移光晕球背景 + 渐变发光标题词 + 玻璃面板产品图，科技电商氛围。
- Pop Hero粉黄双色块拼接首屏：超大圆体标题 + 爆炸星 NEW! 徽章 + 棋盘格顶带，糖果感开场。
- Print Hero报纸头版式首屏：日期行双线分隔 + 超大 serif 主标题 + 双列导语 + 窄幅产品图，纸感十足。
- Split Banner左右双图分屏入口 banner：每侧独立图片 + 标题 + 副文案 + 链接，悬停图片缩放，适合双品类导流。