Skip to content

Product Warranty Tab

The Warranty tab shows a product's warranty terms. It appears only when the product has warranty text — there is no theme toggle. Inside it the theme layers three things:

  1. Per-product warranty — the terms you type on each product.
  2. A shared "Additional Warranty" block — one Page Builder widget, shown on every product.
  3. Coverage card grid — What's Covered / Not Covered / How to Claim / Extended, from one theme setting (see Warranty text).

PDP Warranty tab

1. Enter warranty per product

Typing warranty terms on a product is what makes the tab appear. Basic HTML (paragraphs, bold, lists) is supported.

BigCommerce admin
Home
Orders
Products⌃
All products
Add
Categories
Options
Filtering
Reviews
Brands
Import
Export
Customers⌄
Storefront⌄
Marketing⌄
Analytics
Settings⌄

A product with no warranty text shows no Warranty tab. Give every product warranty text for the tab — and the shared block — to appear everywhere.

Tabs vs. stacked sections

Warranty is a tab only when Show Product Description Tabs is on (the default). Off → it renders as a stacked section down the page.

Products✕
Show product description tabs

2. Shared "Additional Warranty" block on all products

The Warranty tab exposes a global region — product_below_warranty--global — below your terms and above the coverage grid. Drop one widget there for store-wide guarantees on every product:

‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div

Paste the snippet below, then edit the four titles and descriptions. Keep the var(--eshopping-*) tokens so it matches every variation.

<style>
.eswarr{border:1px solid var(--eshopping-bark-200);border-radius:var(--eshopping-r-md);overflow:hidden;margin:var(--eshopping-sp-5) 0;background:var(--eshopping-bark-50)}
.eswarr__hd{display:flex;align-items:center;gap:var(--eshopping-sp-2);padding:var(--eshopping-sp-3) var(--eshopping-sp-4);font-family:var(--eshopping-font-heading),Georgia,serif;font-weight:700;font-size:1rem;color:var(--eshopping-bark-800);background:var(--eshopping-white);border-bottom:2px solid var(--eshopping-terra)}
.eswarr__hd svg{width:1.15rem;height:1.15rem;color:var(--eshopping-terra);flex-shrink:0}
.eswarr__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--eshopping-sp-4);padding:var(--eshopping-sp-5)}
.eswarr__item{display:flex;gap:var(--eshopping-sp-3);align-items:flex-start}
.eswarr__ic{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--eshopping-r-sm);background:var(--eshopping-terra-tint);color:var(--eshopping-terra)}
.eswarr__ic svg{width:20px;height:20px}
.eswarr__tt{margin:0 0 2px;font-weight:700;font-size:0.93rem;line-height:1.3;color:var(--eshopping-bark-800)}
.eswarr__tx{margin:0;font-size:0.82rem;line-height:1.5;color:var(--eshopping-bark-600)}
.eswarr__note{display:flex;gap:var(--eshopping-sp-2);align-items:center;padding:var(--eshopping-sp-3) var(--eshopping-sp-4);font-size:0.82rem;line-height:1.45;color:var(--eshopping-bark-600);background:var(--eshopping-white);border-top:1px solid var(--eshopping-bark-200)}
.eswarr__note svg{width:1rem;height:1rem;color:var(--eshopping-terra);flex-shrink:0}
</style>
<div class="eswarr">
  <div class="eswarr__hd">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg>
    <span>Additional Warranty &amp; Protection</span>
  </div>
  <div class="eswarr__grid">
    <div class="eswarr__item">
      <span class="eswarr__ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg></span>
      <div><p class="eswarr__tt">Manufacturer-Backed Warranty</p><p class="eswarr__tx">Every item carries the full manufacturer warranty against defects in materials and workmanship.</p></div>
    </div>
    <div class="eswarr__item">
      <span class="eswarr__ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"/><path d="m9 12 2 2 4-4"/></svg></span>
      <div><p class="eswarr__tt">100% Genuine &amp; Certified</p><p class="eswarr__tx">Sourced only from authorized suppliers and inspected before each item is shipped.</p></div>
    </div>
    <div class="eswarr__item">
      <span class="eswarr__ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="m9 14 2 2 4-4"/></svg></span>
      <div><p class="eswarr__tt">Fast Online Registration</p><p class="eswarr__tx">Activate your coverage in minutes with your order number — no paperwork to mail.</p></div>
    </div>
    <div class="eswarr__item">
      <span class="eswarr__ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 15-6.7L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-15 6.7L3 16"/><path d="M3 21v-5h5"/></svg></span>
      <div><p class="eswarr__tt">Hassle-Free Replacements</p><p class="eswarr__tx">Approved claims are replaced or refunded quickly, with no restocking fees.</p></div>
    </div>
  </div>
  <div class="eswarr__note">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
    <span>Questions about coverage? Contact our support team with your order number and we'll help you get it sorted.</span>
  </div>
</div>

Demo stores

Every product carries an industry-appropriate Warranty Information statement, the Additional Warranty block sits in product_below_warranty--global, and the coverage grid is filled from PDP Warranty Text. Only the copy differs between stores.

Next