Back to library
PDP buy Shopify sections
Product-page buy-box, sticky ATC and offer sections for paid traffic on Shopify PDPs.
14 copy-paste Liquid files
- PDP Sticky Add to CartBottom sticky ATC bar that appears after scrolling past its anchor
- PDP Buy BoxFull buy box: gallery, rating, price, color swap, quantity, ATC, benefits
- PDP Kit OptionsStarter/Plus/Complete kit cards with contents lists
- PDP Offer CountdownOffer countdown with copyable discount code + CTA
- PDP Payment & TrustPayment method icons + installments + secure checkout notes
- PDP Quantity Deals1/2/3-unit tiered pricing cards with savings badges
- PDP Size PickerSize chips with stock states + model reference row
- PDP Stock MeterAnimated stock-level meter with sold count + restock note
- PDP Subscribe & SaveOne-time vs subscribe toggle with linked price + perks
- PDP Variant PickerModel radio cards with price + badge, CTA follows selection
- PDP Accessories RailAccessory scroll-snap rail with price + purpose badges
- PDP Bought TogetherFrequently-bought-together with live total + savings
- PDP Complete the SetScene image + shop-the-set product list
- PDP Upgrade OptionsStandard vs Pro comparison cards with price difference
- PDP Sticky Add to Cart粘性加购条：页面滚过模块锚点后从底部浮出（缩略图 + 名称 + 价格 + CTA），可关闭且不再打扰。
- PDP Buy Box完整购买主区：图库 + 星级评分 + 现价/划线价 + 颜色切换换图 + 数量步进器 + 加购按钮 + 权益行。
- PDP Kit Options套装选择：基础/进阶/完整套装单选卡，内含物清单 + 省额徽章，适合配件丰富的产品线。
- PDP Offer Countdown限时优惠条：时/分/秒倒计时 + 一键复制优惠码 + CTA，到期文案可配置，尊重 reduced-motion。
- PDP Payment & Trust支付与分期：内联 SVG 支付方式图标行 + 分期文案 + 安全结账要点，放在加购按钮附近消除顾虑。
- PDP Quantity Deals多件多折阶梯：1/2/3 件价格卡单选（单件价 + 省额 + 最受欢迎徽章），选中联动 CTA 链接。
- PDP Size Picker尺码选择：尺码 chips 单选 + 低库存/售罄状态 + 模特参考行 + 尺码表链接，选中名实时同步。
- PDP Stock Meter库存余量条：进入视口时动画填充的库存进度条 + 已售提示 + 补货说明，克制地制造紧迫感。
- PDP Subscribe & Save订阅省钱切换：单次购买 vs 定期订阅两档切换，价格、权益列表、发货周期说明联动更新。
- PDP Variant Picker型号单选卡：容量/规格差异 + 价格 + 推荐徽章，选中后底部按钮链接自动切换到对应型号。
- PDP Accessories Rail配件横滑轨：配件卡（图 + 用途徽章 + 价格 + 链接）scroll-snap 滑动 + 箭头控制。
- PDP Bought Together常一起购买：本品 + 可勾选搭配品，勾选时合计价与省额实时更新，经典 FBT 交互。
- PDP Complete the Set整套搭配：左侧场景大图 + 右侧搭配单品列表（缩略图 + 价格 + 链接），按场景卖整套。
- PDP Upgrade Options升级选择：标准版 vs Pro 版对比卡（差异列表 + 差价提示 + 各自 CTA），向上销售模块。