Home Page — Electronics Variant¶
Live demo: https://eshopping-electronics-demo.mybigcommerce.com
Before you start
Theme installed, Electronics variation picked, Electronics product + widget data imported.
The Electronics variation already populates most settings (colors, fonts, trust strip, newsletter, promo, cart goal, PDP shipping). Recipe below shows what's set automatically + what to override — and, for every section, how to change it yourself.
What actually renders on the live home page
In order, top to bottom: Hero carousel → Trust strip → Featured Products → New Arrivals → Products by Category → Why Choose Us (AI HTML Generator) → Customer Reviews (AI HTML Generator) → Resources (AI HTML Generator) → Brands carousel → Blog posts → Newsletter → About (AI HTML Generator) → Talk to an Expert (AI HTML Generator) → footer (with Footer tagline widget).
The five home AI HTML Generator widgets (Why Choose Us, Customer Reviews, Resources, About, Talk to an Expert) plus the Footer tagline widget are placed via Page Builder by the demo widget import — they are not theme settings, and require the PapaThemes app to be installed. See Demo marketing blocks for what each one is and its exact HTML.
Where settings live in the Theme Editor
Storefront → My Themes → Customize. Almost every eShopping setting below sits in one flat panel: Theme Editor → eShopping Theme. The carousel toggle is under Theme Editor → Homepage; the body/heading fonts are under Theme Editor → Global. Most toggles set force_reload, so the preview reloads when you change them.
Section-by-section recipe¶
1. Variation¶
Theme Editor → Electronics.
Styles✕
Theme variation
Industrial
AutoParts
Electronics✓
Packaging
2. Colors — set automatically¶
The Electronics variation applies these colors for you:
eShopping Theme✕
Terra#3B82F6
Terra (dark)#2563EB
Terra (light)#60A5FA
Terra (pale)#EFF6FF
Darkest neutral#09090B
Dark neutral#18181B
Light neutral#FAFAFA
Cream#FAFAFA
Sale badge background#DC2626
Staff pick badge background#D97706
Active rating star#F59E0B
Sale price#DC2626
Original (struck-through) price#94A3B8
3. Fonts — set automatically¶
| Font | Theme Editor field | Value |
|---|---|---|
| Body font | Body text font family (body-font, under Global) |
Inter (weights 400, 500, 600) |
| Headings font | Heading font family (headings-font, under Global) |
Space Grotesk (weights 500, 700) |
| Mono font | Monospace Font (eshopping-mono-font, under eShopping Theme) |
IBM Plex Mono (weight 400) |
Global✕
Body text font family▾
Heading font family▾
Monospace FontTheme Editor field▾
4. Top banner¶
Marketing → Banners → Create. HTML (example copy — replace with your own):
<div data-banner-carousel style="text-align:center">
<div>⚡ Free shipping on $99+ orders</div>
<div>New GPU drop incoming — <a href="/gpus">join the waitlist</a></div>
<div>Trade in your old phone — up to $400 off</div>
</div>
Banner colors set by variation:
BigCommerce admin
Home
Orders
Products⌄
Customers⌄
Storefront⌄
Marketing⌃
Banners
Coupon codes
Gift certificates
Abandoned cart saver
Analytics
Settings⌄
eShopping Theme✕
Banner background#3F3F46
Banner text#D4D4D8
Banner link#60A5FA
5. Header¶
| Setting | Theme Editor field (eShopping Theme) | Value |
|---|---|---|
| Top bar background | eshopping-topbar-bg |
#09090b |
| Top bar text | eshopping-topbar-color |
#a1a1aa |
| Nav background | eshopping-nav-bg |
#ffffff |
| Nav text | eshopping-nav-color |
#52525b |
| Nav search button | eshopping-nav-search-btn |
#3b82f6 |
| Search typing phrases | Typing phrases (pipe | separated) (eshopping-search-typing-phrases) |
Search for laptops & monitors..., Find headphones & speakers..., Browse keyboards & mice..., Discover cables & adapters... |
| Voice search | Enable voice search (eshopping-search-voice) |
On |
| Welcome text | Welcome Text (eshopping-welcome-text) |
(empty in the demo) |
eShopping Theme✕
Typing phrases (pipe | separated)Search for power tools
Enable voice searchEnable voice search (eshopping-search-voice)
Welcome TextWelcome Text (eshopping-welcome-text)Enter text…
settingTheme Editor field (eShopping Theme)Enter text…
See Header & top bar for the full header reference.
6. Hero carousel¶
The hero is the BigCommerce Home Page Carousel styled by the theme.
- Storefront → Home Page Carousel → upload 3 slides (1920 × 700).
- Theme Editor → Homepage → turn on Show carousel (
homepage_show_carousel). - (Optional) mobile fixed height — BigCommerce carousel setting →
420.
There is no separate “Show hero” toggle
Earlier builds had an eshopping-show-hero switch. It has been removed. The hero now renders whenever Show carousel (homepage_show_carousel) is on and the BigCommerce Home Page Carousel has at least one slide. If the hero is missing, check those two things — not a hidden hero toggle.
Slide ideas (suggestions only):
| Slide | Image | Heading | CTA |
|---|---|---|---|
| 1 | Gaming laptop hero | Power. Anywhere. | Shop laptops → /laptops |
| 2 | Wireless headphones | Sound that disappears | Shop audio → /audio |
| 3 | 4K monitor stack | Studio-grade displays | Shop monitors → /monitors |
BigCommerce admin
Home
Orders
Products⌄
Customers⌄
Storefront⌃
Themes
Logo
Home page carousel
Social media links
Script manager
Web pages
Blog
Image manager
Marketing⌄
Analytics
Settings⌄
Homepage✕
Show carousel
7. Trust strip — variation default¶
Show Trust Strip (eshopping-show-trust-strip) is on. The variation fills in four items, each a title + description pair:
- Authorized Dealer — Genuine products with full manufacturer warranty
- Free Shipping — On all orders over $99
- Easy Returns — 30-day hassle-free returns
- Tech Support — Expert assistance 7 days a week
eShopping Theme✕
Show Trust Strip
Trust Strip ItemsEnter text…
8 segments = 4 Title|Description pairsEnter text…
8. Featured Products¶
Show Featured Products (eshopping-show-featured) is on. The Featured Products slider renders on the live home page.
eShopping Theme✕
Show Featured Products
BigCommerce admin
Home
Orders
Products⌃
All products
Add
Categories
Options
Filtering
Reviews
Brands
Import
Export
View
Customers⌄
Storefront⌄
Marketing⌄
Analytics
Settings⌄
9. Bestselling¶
Show Best Sellers (eshopping-show-bestselling) is on, but the demo has no bestseller sales data, so the bestselling slider does not appear on the live home page. It will only show once products have recorded sales.
eShopping Theme✕
Show Best Sellers
10. New Arrivals¶
Show New Arrivals (eshopping-show-new) is on. The New Arrivals slider renders on the live home page.
eShopping Theme✕
Show New Arrivals
11. Products by Category tabs¶
Show Categories (eshopping-show-categories) is on. Demo configuration:
| Setting | Theme Editor field (eShopping Theme) | Value |
|---|---|---|
| Category IDs | Category IDs (comma separated, leave empty for auto-detect) (eshopping-pbcst-catIDs) |
(empty) — auto-uses all top-level categories |
| Grid columns | Grid layout: categories,products,subcategories (e.g. 3,4,6) (eshopping-pbcst-grid) |
3,4,6 |
| Active tab | Default active tab (eshopping-pbcst-active) |
Featured |
| Show Bestselling tab | eshopping-pbcst-show-bestselling |
✅ |
| Show Featured tab | eshopping-pbcst-show-featured |
✅ |
| Show New tab | eshopping-pbcst-show-new |
✅ |
| Show Reviews (Top Rated) tab | eshopping-pbcst-show-reviews |
❌ (off) |
eShopping Theme✕
Show Categories
Category IDs (comma separated, leave empty for auto-detect)Category IDs (comma separated, leave empty for auto-detect) (eshopping-pbcst-catIDs)Enter text…
Grid layout: categories,products,subcategories▾
categories,products,subcategories▾
Default active tabDefault active tab (eshopping-pbcst-active)Enter text…
FeaturedEnter text…
BestsellingEnter text…
NewestEnter text…
Top RatedEnter text…
Show Featured tab
Show Bestselling tab
Show New tab
Show Reviews tab
12. Brands carousel¶
12 brand logos shown on the home page. The demo uses fictional brand names (TechNova, PixelCraft, AudioWave, etc.) — replace them with your own brands.
eShopping Theme✕
Homepage Brands Limit12▾
BigCommerce admin
Home
Orders
Products⌃
All products
Add
Categories
Options
Filtering
Reviews
Brands
Import
Export
Customers⌄
Storefront⌄
Marketing⌄
Analytics
Settings⌄
13. Blog¶
Home page blog posts: 3. Add at least 3 posts with featured images.
BigCommerce admin
Home
Orders
Products⌄
Customers⌄
Storefront⌃
Themes
Logo
Home page carousel
Social media links
Script manager
Web pages
Blog
Image manager
Marketing⌄
Analytics
Settings⌄
14. Why Choose Us (AI HTML Generator | PapaThemes)¶
A Page Builder AI HTML Generator | PapaThemes widget placed in the region home_below_products_by_category (sort 0), with the heading Tech That Performs. Pricing That Powers Up. It arrives with the demo widget import — it is not a theme setting, and requires the PapaThemes app to be installed.
‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div
Exact demo HTML (Electronics) — Why Choose Us, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-j965bu9i {
--papathemes-ai-widget-j965bu9i-white: #ffffff;
--papathemes-ai-widget-j965bu9i-cream: #f8fafc;
--papathemes-ai-widget-j965bu9i-bark-100: #f1f5f9;
--papathemes-ai-widget-j965bu9i-bark-200: #e2e8f0;
--papathemes-ai-widget-j965bu9i-bark-400: #94a3b8;
--papathemes-ai-widget-j965bu9i-bark-500: #64748b;
--papathemes-ai-widget-j965bu9i-bark-700: #334155;
--papathemes-ai-widget-j965bu9i-bark-800: #1e293b;
--papathemes-ai-widget-j965bu9i-bark-900: #0f172a;
--papathemes-ai-widget-j965bu9i-terra: #3b82f6;
--papathemes-ai-widget-j965bu9i-terra-light: #60a5fa;
--papathemes-ai-widget-j965bu9i-terra-dark: #2563eb;
--papathemes-ai-widget-j965bu9i-terra-pale: #eff6ff;
--papathemes-ai-widget-j965bu9i-accent: #f59e0b;
--papathemes-ai-widget-j965bu9i-accent-soft: #fef3c7;
--papathemes-ai-widget-j965bu9i-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-j965bu9i-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.papathemes-ai-widget-j965bu9i *,
.papathemes-ai-widget-j965bu9i *::before,
.papathemes-ai-widget-j965bu9i *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-j965bu9i-section {
padding: 32px 20px 0;
}
.papathemes-ai-widget-j965bu9i-card {
background: var(--papathemes-ai-widget-j965bu9i-white);
border: 1px solid var(--papathemes-ai-widget-j965bu9i-bark-100);
border-radius: 8px;
overflow: hidden;
}
.papathemes-ai-widget-j965bu9i-inner {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 360px;
}
.papathemes-ai-widget-j965bu9i-visual {
position: relative;
background:
linear-gradient(135deg, var(--papathemes-ai-widget-j965bu9i-bark-900) 0%, var(--papathemes-ai-widget-j965bu9i-bark-800) 100%);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
min-height: 260px;
}
.papathemes-ai-widget-j965bu9i-visual::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 70% 100% at 90% 50%, rgba(245, 158, 11, 0.14), transparent 70%),
radial-gradient(ellipse 40% 60% at 0% 0%, rgba(255, 255, 255, 0.04), transparent 60%);
pointer-events: none;
}
.papathemes-ai-widget-j965bu9i-visual::after {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.5;
pointer-events: none;
}
.papathemes-ai-widget-j965bu9i-stats {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
padding: 36px;
}
.papathemes-ai-widget-j965bu9i-stat {
text-align: center;
padding: 18px;
background: rgba(255, 255, 255, .06);
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, .08);
}
.papathemes-ai-widget-j965bu9i-stat-num {
font-family: var(--papathemes-ai-widget-j965bu9i-font-heading);
font-size: 28px;
font-weight: 600;
color: var(--papathemes-ai-widget-j965bu9i-cream);
line-height: 1;
margin-bottom: 3px;
}
.papathemes-ai-widget-j965bu9i-stat-num span {
color: var(--papathemes-ai-widget-j965bu9i-accent);
}
.papathemes-ai-widget-j965bu9i-stat-label {
font-family: var(--papathemes-ai-widget-j965bu9i-font-body);
font-size: 10px;
color: var(--papathemes-ai-widget-j965bu9i-bark-400);
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 600;
}
.papathemes-ai-widget-j965bu9i-content {
padding: 36px;
display: flex;
flex-direction: column;
justify-content: center;
}
.papathemes-ai-widget-j965bu9i-eyebrow {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--papathemes-ai-widget-j965bu9i-font-body);
font-size: 10px;
text-transform: uppercase;
letter-spacing: .14em;
font-weight: 700;
color: var(--papathemes-ai-widget-j965bu9i-bark-700);
margin-bottom: 10px;
}
.papathemes-ai-widget-j965bu9i-eyebrow::before {
content: "";
width: 24px;
height: 2px;
background: var(--papathemes-ai-widget-j965bu9i-accent);
}
.papathemes-ai-widget-j965bu9i-heading {
font-family: var(--papathemes-ai-widget-j965bu9i-font-heading);
font-size: 20px;
font-weight: 600;
color: var(--papathemes-ai-widget-j965bu9i-bark-900);
margin-bottom: 14px;
line-height: 1.25;
}
.papathemes-ai-widget-j965bu9i-heading em {
font-style: italic;
font-weight: 400;
color: var(--papathemes-ai-widget-j965bu9i-bark-500);
}
.papathemes-ai-widget-j965bu9i-desc {
font-family: var(--papathemes-ai-widget-j965bu9i-font-body);
font-size: 12px;
color: var(--papathemes-ai-widget-j965bu9i-bark-500);
line-height: 1.7;
margin-bottom: 24px;
}
.papathemes-ai-widget-j965bu9i-features {
display: flex;
flex-direction: column;
gap: 16px;
}
.papathemes-ai-widget-j965bu9i-feat {
display: flex;
gap: 12px;
align-items: flex-start;
}
.papathemes-ai-widget-j965bu9i-feat-icon {
width: 38px;
height: 38px;
border-radius: 6px;
background: var(--papathemes-ai-widget-j965bu9i-accent-soft);
border: 1px solid var(--papathemes-ai-widget-j965bu9i-bark-200);
display: flex;
align-items: center;
justify-content: center;
color: var(--papathemes-ai-widget-j965bu9i-accent);
flex-shrink: 0;
}
.papathemes-ai-widget-j965bu9i-feat-icon svg {
width: 17px;
height: 17px;
}
.papathemes-ai-widget-j965bu9i-feat-title {
font-family: var(--papathemes-ai-widget-j965bu9i-font-body);
font-size: 12px;
font-weight: 600;
color: var(--papathemes-ai-widget-j965bu9i-bark-800);
margin-bottom: 1px;
}
.papathemes-ai-widget-j965bu9i-feat-desc {
font-family: var(--papathemes-ai-widget-j965bu9i-font-body);
font-size: 11px;
color: var(--papathemes-ai-widget-j965bu9i-bark-500);
line-height: 1.45;
}
@media (max-width: 1023px) {
.papathemes-ai-widget-j965bu9i-inner {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.papathemes-ai-widget-j965bu9i-section {
padding: 24px 10px 0;
}
.papathemes-ai-widget-j965bu9i-stats {
padding: 24px;
gap: 12px;
}
.papathemes-ai-widget-j965bu9i-content {
padding: 24px;
}
}
</style>
<div class="papathemes-ai-widget-j965bu9i">
<div class="papathemes-ai-widget-j965bu9i-section">
<div class="papathemes-ai-widget-j965bu9i-card">
<div class="papathemes-ai-widget-j965bu9i-inner">
<div class="papathemes-ai-widget-j965bu9i-visual">
<div class="papathemes-ai-widget-j965bu9i-stats">
<div class="papathemes-ai-widget-j965bu9i-stat">
<div class="papathemes-ai-widget-j965bu9i-stat-num">15<span>+</span></div>
<div class="papathemes-ai-widget-j965bu9i-stat-label">YEARS IN ELECTRONICS</div>
</div>
<div class="papathemes-ai-widget-j965bu9i-stat">
<div class="papathemes-ai-widget-j965bu9i-stat-num">3,500<span>+</span></div>
<div class="papathemes-ai-widget-j965bu9i-stat-label">ELECTRONICS SKUS</div>
</div>
<div class="papathemes-ai-widget-j965bu9i-stat">
<div class="papathemes-ai-widget-j965bu9i-stat-num">8M<span>+</span></div>
<div class="papathemes-ai-widget-j965bu9i-stat-label">Orders Shipped</div>
</div>
<div class="papathemes-ai-widget-j965bu9i-stat">
<div class="papathemes-ai-widget-j965bu9i-stat-num">99<span>%</span></div>
<div class="papathemes-ai-widget-j965bu9i-stat-label">Customer Satisfaction</div>
</div>
</div>
</div>
<div class="papathemes-ai-widget-j965bu9i-content">
<div class="papathemes-ai-widget-j965bu9i-eyebrow">Why Choose Us</div>
<h2 data-localized="1" data-localized="1" class="papathemes-ai-widget-j965bu9i-heading">Tech That Performs. <em>Pricing That Powers Up.</em></h2>
<p class="papathemes-ai-widget-j965bu9i-desc">From laptops and monitors to audio gear and smart home — every product is tested for quality and stocked for fast dispatch to your desk or door.</p>
<div class="papathemes-ai-widget-j965bu9i-features">
<div class="papathemes-ai-widget-j965bu9i-feat">
<div class="papathemes-ai-widget-j965bu9i-feat-icon">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16zM12 4.15 18.4 7.8 12 11.45 5.6 7.8 12 4.15zM5 9.5l6 3.43v6.94l-6-3.43V9.5zm8 10.37v-6.94l6-3.43v6.94l-6 3.43z"/></svg>
</div>
<div>
<div class="papathemes-ai-widget-j965bu9i-feat-title">Tested for Quality</div>
<div class="papathemes-ai-widget-j965bu9i-feat-desc">Every product evaluated for performance, build quality, and value before stocking.</div>
</div>
</div>
<div class="papathemes-ai-widget-j965bu9i-feat">
<div class="papathemes-ai-widget-j965bu9i-feat-icon">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h2v-5l-3-4zM6 18.5A1.5 1.5 0 1 1 7.5 17 1.5 1.5 0 0 1 6 18.5zm13.5-9 1.96 2.5H17V9.5h2.5zM18 18.5A1.5 1.5 0 1 1 19.5 17 1.5 1.5 0 0 1 18 18.5z"/></svg>
</div>
<div>
<div class="papathemes-ai-widget-j965bu9i-feat-title">Fast Direct Fulfillment</div>
<div class="papathemes-ai-widget-j965bu9i-feat-desc">Same-day dispatch on stock items with reliable tracking and packaging built for fragile electronics.</div>
</div>
</div>
<div class="papathemes-ai-widget-j965bu9i-feat">
<div class="papathemes-ai-widget-j965bu9i-feat-icon">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z"/></svg>
</div>
<div>
<div class="papathemes-ai-widget-j965bu9i-feat-title">Expert Tech Support</div>
<div class="papathemes-ai-widget-j965bu9i-feat-desc">Real specialists who help with compatibility, setup, and troubleshooting — not just sales reps.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
15. Customer Reviews (AI HTML Generator | PapaThemes)¶
A Page Builder AI HTML Generator | PapaThemes widget placed in the region home_below_products_by_category (sort 1), with the heading Customer Reviews — a social-proof block. It comes from the demo widget import (not a theme setting) and requires the PapaThemes app.
‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div
Exact demo HTML (Electronics) — Customer Reviews, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-pkg1 {
--papathemes-ai-widget-pkg1-white: #ffffff;
--papathemes-ai-widget-pkg1-bark-50: #f8fafc;
--papathemes-ai-widget-pkg1-bark-100: #eef1f5;
--papathemes-ai-widget-pkg1-bark-200: #e2e8f0;
--papathemes-ai-widget-pkg1-bark-300: #cbd5e1;
--papathemes-ai-widget-pkg1-bark-400: #94a3b8;
--papathemes-ai-widget-pkg1-bark-500: #64748b;
--papathemes-ai-widget-pkg1-bark-600: #475569;
--papathemes-ai-widget-pkg1-bark-700: #334155;
--papathemes-ai-widget-pkg1-bark-800: #1e293b;
--papathemes-ai-widget-pkg1-bark-900: #0f172a;
--papathemes-ai-widget-pkg1-terra: #3b82f6;
--papathemes-ai-widget-pkg1-gold: #f59e0b;
--papathemes-ai-widget-pkg1-gold-soft: #fef3c7;
--papathemes-ai-widget-pkg1-success: #16a34a;
--papathemes-ai-widget-pkg1-success-soft: #ecfdf5;
--papathemes-ai-widget-pkg1-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-pkg1-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.papathemes-ai-widget-pkg1 *,
.papathemes-ai-widget-pkg1 *::before,
.papathemes-ai-widget-pkg1 *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-pkg1-section {
padding: 32px 20px 0;
}
/* ── Section header: eyebrow + title + 'view all' link ─────────────────── */
.papathemes-ai-widget-pkg1-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 18px;
padding-bottom: 16px;
border-bottom: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
}
.papathemes-ai-widget-pkg1-header-left {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.papathemes-ai-widget-pkg1-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--papathemes-ai-widget-pkg1-bark-500);
}
.papathemes-ai-widget-pkg1-eyebrow::before {
content: "";
display: inline-block;
width: 18px;
height: 1px;
background: var(--papathemes-ai-widget-pkg1-bark-400);
}
.papathemes-ai-widget-pkg1-title {
font-family: var(--papathemes-ai-widget-pkg1-font-heading);
font-size: 22px;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-900);
letter-spacing: -0.02em;
line-height: 1.2;
}
.papathemes-ai-widget-pkg1-viewall {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 11px;
font-weight: 600;
color: var(--papathemes-ai-widget-pkg1-bark-600);
text-decoration: none;
padding: 8px 14px;
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
border-radius: 999px;
transition: all .2s ease;
flex-shrink: 0;
}
.papathemes-ai-widget-pkg1-viewall:hover {
color: var(--papathemes-ai-widget-pkg1-bark-900);
border-color: var(--papathemes-ai-widget-pkg1-bark-400);
background: var(--papathemes-ai-widget-pkg1-bark-50);
}
.papathemes-ai-widget-pkg1-viewall svg {
width: 12px;
height: 12px;
}
/* ── Hero summary strip — restrained ecommerce palette ─────────────────── */
.papathemes-ai-widget-pkg1-hero {
display: grid;
grid-template-columns: 280px 1fr 220px;
gap: 28px;
align-items: stretch;
padding: 22px 26px;
background: var(--papathemes-ai-widget-pkg1-white);
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
border-radius: 8px;
margin-bottom: 16px;
}
@media (max-width: 1100px) {
.papathemes-ai-widget-pkg1-hero {
grid-template-columns: 1fr;
gap: 20px;
}
}
/* Cell 1 — rating hero */
.papathemes-ai-widget-pkg1-rating-hero {
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
padding-right: 28px;
border-right: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
}
@media (max-width: 1100px) {
.papathemes-ai-widget-pkg1-rating-hero {
padding-right: 0;
padding-bottom: 16px;
border-right: none;
border-bottom: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
}
}
.papathemes-ai-widget-pkg1-rating-row {
display: flex;
align-items: baseline;
gap: 12px;
}
.papathemes-ai-widget-pkg1-rating-big {
font-family: var(--papathemes-ai-widget-pkg1-font-heading);
font-size: 52px;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-900);
letter-spacing: -0.04em;
line-height: 1;
}
.papathemes-ai-widget-pkg1-rating-out {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 13px;
color: var(--papathemes-ai-widget-pkg1-bark-500);
font-weight: 500;
}
.papathemes-ai-widget-pkg1-stars {
display: inline-flex;
gap: 2px;
color: var(--papathemes-ai-widget-pkg1-gold);
}
.papathemes-ai-widget-pkg1-stars svg {
width: 16px;
height: 16px;
}
.papathemes-ai-widget-pkg1-rating-rank {
display: inline-block;
font-family: var(--papathemes-ai-widget-pkg1-font-heading);
font-size: 12px;
font-weight: 600;
color: var(--papathemes-ai-widget-pkg1-bark-700);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-top: 2px;
}
.papathemes-ai-widget-pkg1-rating-count {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 12px;
color: var(--papathemes-ai-widget-pkg1-bark-500);
}
/* Cell 2 — distribution */
.papathemes-ai-widget-pkg1-dist {
list-style: none;
display: flex;
flex-direction: column;
gap: 6px;
justify-content: center;
}
.papathemes-ai-widget-pkg1-dist-row {
display: grid;
grid-template-columns: 38px 1fr 36px 50px;
align-items: center;
gap: 12px;
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 12px;
color: var(--papathemes-ai-widget-pkg1-bark-600);
}
.papathemes-ai-widget-pkg1-dist-label {
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-700);
font-size: 12px;
}
.papathemes-ai-widget-pkg1-dist-label svg {
width: 11px;
height: 11px;
color: var(--papathemes-ai-widget-pkg1-gold);
}
.papathemes-ai-widget-pkg1-dist-bar {
position: relative;
height: 8px;
background: var(--papathemes-ai-widget-pkg1-bark-100);
border-radius: 2px;
overflow: hidden;
}
.papathemes-ai-widget-pkg1-dist-fill {
display: block;
height: 100%;
background: var(--papathemes-ai-widget-pkg1-gold);
border-radius: inherit;
}
.papathemes-ai-widget-pkg1-dist-pct {
text-align: right;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-700);
font-variant-numeric: tabular-nums;
font-size: 12px;
}
.papathemes-ai-widget-pkg1-dist-count {
text-align: right;
color: var(--papathemes-ai-widget-pkg1-bark-400);
font-variant-numeric: tabular-nums;
font-size: 11px;
}
/* Cell 3 — trust badges */
.papathemes-ai-widget-pkg1-badges {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
padding-left: 28px;
border-left: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
}
@media (max-width: 1100px) {
.papathemes-ai-widget-pkg1-badges {
padding-left: 0;
padding-top: 16px;
border-left: none;
border-top: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
flex-direction: row;
flex-wrap: wrap;
}
}
.papathemes-ai-widget-pkg1-badge {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 12px;
color: var(--papathemes-ai-widget-pkg1-bark-600);
font-weight: 500;
}
.papathemes-ai-widget-pkg1-badge strong {
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-900);
}
.papathemes-ai-widget-pkg1-badge-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 4px;
flex-shrink: 0;
background: var(--papathemes-ai-widget-pkg1-bark-50);
color: var(--papathemes-ai-widget-pkg1-bark-700);
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
}
.papathemes-ai-widget-pkg1-badge-icon svg {
width: 12px;
height: 12px;
}
/* ── Carousel ─────────────────────────────────────────────────────────── */
.papathemes-ai-widget-pkg1-carousel-wrap {
position: relative;
min-width: 0;
}
.papathemes-ai-widget-pkg1-scroll {
display: flex;
gap: 16px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding: 4px 0;
}
.papathemes-ai-widget-pkg1-scroll::-webkit-scrollbar {
display: none;
}
.papathemes-ai-widget-pkg1-arrow {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--papathemes-ai-widget-pkg1-white);
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
cursor: pointer;
z-index: 3;
align-items: center;
justify-content: center;
padding: 0;
transition: all .2s ease;
color: var(--papathemes-ai-widget-pkg1-bark-700);
}
.papathemes-ai-widget-pkg1-arrow svg {
width: 18px;
height: 18px;
}
.papathemes-ai-widget-pkg1-arrow:hover {
border-color: var(--papathemes-ai-widget-pkg1-bark-400);
color: var(--papathemes-ai-widget-pkg1-bark-900);
box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}
.papathemes-ai-widget-pkg1-arrow--prev {
left: -16px;
}
.papathemes-ai-widget-pkg1-arrow--next {
right: -16px;
}
@media (min-width: 768px) {
.papathemes-ai-widget-pkg1-arrow {
display: flex;
}
}
/* ── Review card — restrained ecommerce ───────────────────────────────── */
.papathemes-ai-widget-pkg1-review {
min-width: 240px;
max-width: 260px;
flex-shrink: 0;
scroll-snap-align: start;
background: var(--papathemes-ai-widget-pkg1-white);
border: 1px solid var(--papathemes-ai-widget-pkg1-bark-200);
border-radius: 8px;
padding: 18px 16px 14px;
transition: border-color .2s ease, box-shadow .2s ease;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
.papathemes-ai-widget-pkg1-review:hover {
border-color: var(--papathemes-ai-widget-pkg1-bark-400);
box-shadow: 0 4px 16px rgba(15, 23, 42, .06);
}
/* Subtle faded quote mark — top-left, neutral */
.papathemes-ai-widget-pkg1-quote-bg {
position: absolute;
top: 4px;
left: 10px;
font-family: Georgia, 'Times New Roman', serif;
font-size: 60px;
line-height: 1;
color: var(--papathemes-ai-widget-pkg1-bark-100);
pointer-events: none;
user-select: none;
font-weight: 700;
z-index: 0;
}
.papathemes-ai-widget-pkg1-r-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.papathemes-ai-widget-pkg1-r-stars {
display: flex;
gap: 2px;
color: var(--papathemes-ai-widget-pkg1-gold);
}
.papathemes-ai-widget-pkg1-r-stars svg {
width: 13px;
height: 13px;
}
.papathemes-ai-widget-pkg1-r-ago {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--papathemes-ai-widget-pkg1-bark-400);
}
.papathemes-ai-widget-pkg1-r-text {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 13px;
color: var(--papathemes-ai-widget-pkg1-bark-800);
line-height: 1.55;
margin-bottom: 14px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
position: relative;
z-index: 1;
flex: 1;
font-weight: 500;
}
.papathemes-ai-widget-pkg1-r-author {
display: flex;
align-items: center;
gap: 10px;
padding-top: 12px;
border-top: 1px solid var(--papathemes-ai-widget-pkg1-bark-100);
position: relative;
z-index: 1;
}
.papathemes-ai-widget-pkg1-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--papathemes-ai-widget-pkg1-font-heading);
font-weight: 700;
font-size: 12px;
color: #ffffff;
letter-spacing: 0.02em;
flex-shrink: 0;
}
.papathemes-ai-widget-pkg1-r-id {
display: flex;
flex-direction: column;
min-width: 0;
flex: 1;
}
.papathemes-ai-widget-pkg1-r-name {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 13px;
font-weight: 700;
color: var(--papathemes-ai-widget-pkg1-bark-900);
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1.3;
}
.papathemes-ai-widget-pkg1-r-check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--papathemes-ai-widget-pkg1-success);
color: #ffffff;
flex-shrink: 0;
}
.papathemes-ai-widget-pkg1-r-check svg {
width: 9px;
height: 9px;
}
.papathemes-ai-widget-pkg1-r-role {
font-family: var(--papathemes-ai-widget-pkg1-font-body);
font-size: 11px;
color: var(--papathemes-ai-widget-pkg1-bark-500);
margin-top: 2px;
}
@media (max-width: 900px) {
.papathemes-ai-widget-pkg1-hero {
padding: 18px;
}
.papathemes-ai-widget-pkg1-rating-big {
font-size: 48px;
}
}
@media (max-width: 767px) {
.papathemes-ai-widget-pkg1-section {
padding: 24px 10px 0;
}
.papathemes-ai-widget-pkg1-review {
min-width: 240px;
}
.papathemes-ai-widget-pkg1-quote-bg {
font-size: 64px;
}
.papathemes-ai-widget-pkg1-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
}
</style>
<div class="papathemes-ai-widget-pkg1">
<div class="papathemes-ai-widget-pkg1-section">
<header class="papathemes-ai-widget-pkg1-header">
<div class="papathemes-ai-widget-pkg1-header-left">
<span class="papathemes-ai-widget-pkg1-eyebrow">Reviews</span>
<h2 class="papathemes-ai-widget-pkg1-title">Customer Reviews</h2>
</div>
<a href="#reviews" class="papathemes-ai-widget-pkg1-viewall" aria-label="View all reviews">
View all 2,400
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
</a>
</header>
<section class="papathemes-ai-widget-pkg1-hero" aria-label="Rating summary">
<div class="papathemes-ai-widget-pkg1-rating-hero">
<div class="papathemes-ai-widget-pkg1-rating-row">
<span class="papathemes-ai-widget-pkg1-rating-big">4.8</span>
<span class="papathemes-ai-widget-pkg1-rating-out">out of 5</span>
</div>
<div class="papathemes-ai-widget-pkg1-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-rating-count">Based on 2,400+ verified reviews</span>
</div>
<ul class="papathemes-ai-widget-pkg1-dist">
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">5 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:78%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct">78%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">1,872</span>
</li>
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">4 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:18%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct">18%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">432</span>
</li>
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">3 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:3%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct">3%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">72</span>
</li>
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">2 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:1%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct">1%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">24</span>
</li>
<li class="papathemes-ai-widget-pkg1-dist-row">
<span class="papathemes-ai-widget-pkg1-dist-label">1 <svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></span>
<span class="papathemes-ai-widget-pkg1-dist-bar"><span class="papathemes-ai-widget-pkg1-dist-fill" style="width:1%"></span></span>
<span class="papathemes-ai-widget-pkg1-dist-pct"><1%</span>
<span class="papathemes-ai-widget-pkg1-dist-count">0</span>
</li>
</ul>
<div class="papathemes-ai-widget-pkg1-badges">
<div class="papathemes-ai-widget-pkg1-badge">
<span class="papathemes-ai-widget-pkg1-badge-icon"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span>
<span><strong>98%</strong> recommend</span>
</div>
<div class="papathemes-ai-widget-pkg1-badge">
<span class="papathemes-ai-widget-pkg1-badge-icon"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2L4 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-8-3z"/></svg></span>
<span><strong>100%</strong> verified</span>
</div>
<div class="papathemes-ai-widget-pkg1-badge">
<span class="papathemes-ai-widget-pkg1-badge-icon"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M17.65 6.35A7.958 7.958 0 0012 4a8 8 0 108 8h-2a6 6 0 11-1.76-4.24L13 11h7V4l-2.35 2.35z"/></svg></span>
<span><strong>87%</strong> reorder</span>
</div>
</div>
</section>
<div class="papathemes-ai-widget-pkg1-carousel-wrap">
<button type="button" class="papathemes-ai-widget-pkg1-arrow papathemes-ai-widget-pkg1-arrow--prev" data-dir="prev" aria-label="Previous reviews">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
</button>
<button type="button" class="papathemes-ai-widget-pkg1-arrow papathemes-ai-widget-pkg1-arrow--next" data-dir="next" aria-label="Next reviews">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
</button>
<div class="papathemes-ai-widget-pkg1-scroll">
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">2 days ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Upgraded my whole home office here. The ultrawide monitor and mechanical keyboard transformed my workflow.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #334155, #1e293b)">DM</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Dana M.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Software Engineer</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">1 week ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">The wireless headphones and audio interface ship same day with thoughtful packaging. Premium experience.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #475569, #334155)">EK</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Erin K.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Content Creator</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">2 weeks ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Laptops and docking stations arrive configured and ready. Bulk pricing keeps our refresh budget predictable.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #475569, #334155)">RT</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Ray T.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">IT Manager</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">3 weeks ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Right-spec memory cards and external SSDs cut my workflow time noticeably. Reordering by model is effortless.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #334155, #1e293b)">SP</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Sofia P.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Photographer</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">1 month ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">New monitor and peripherals shipped before a tournament. Saved my season.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #475569, #334155)">JL</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Jordan L.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Gamer</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">1 month ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">USB-C hubs and cables arrive labeled and ready. No more lost time hunting the right port.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #1e293b, #0f172a)">MA</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Marcus A.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Home Office Pro</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">2 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">The eco mailers and paper void fill let us drop plastic entirely. Our customers love the sustainable switch.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #1e293b, #0f172a)">NB</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Nina B.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Subscription Box Founder</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">2 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Double-wall cartons hold up across multiple carrier hand-offs. Breakage on heavy SKUs is basically gone.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #334155, #1e293b)">CT</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Carlos T.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">3PL Operations</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">3 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Consistent board strength and accurate dimensions. We can plan pallet loads without surprises.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #64748b, #475569)">HW</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Hannah W.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Retail Buyer</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">3 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Poly mailers are light, tough, and cheap to ship. Exactly what I needed to scale my store.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #475569, #334155)">TV</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Tom V.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Dropship Seller</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">4 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Their team helped me spec the right cushioning for fragile glassware. Damage claims dropped to near zero.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #64748b, #475569)">GR</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Grace R.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Logistics Coordinator</span>
</div>
</footer>
</article>
<article class="papathemes-ai-widget-pkg1-review">
<span class="papathemes-ai-widget-pkg1-quote-bg" aria-hidden="true">“</span>
<div class="papathemes-ai-widget-pkg1-r-meta">
<div class="papathemes-ai-widget-pkg1-r-stars"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg></div>
<span class="papathemes-ai-widget-pkg1-r-ago">5 months ago</span>
</div>
<p class="papathemes-ai-widget-pkg1-r-text">Bulk tape and box bundles ship fast and the quality is consistent. Our go-to supplier now.</p>
<footer class="papathemes-ai-widget-pkg1-r-author">
<div class="papathemes-ai-widget-pkg1-avatar" style="background:linear-gradient(135deg, #1e293b, #0f172a)">PD</div>
<div class="papathemes-ai-widget-pkg1-r-id">
<strong class="papathemes-ai-widget-pkg1-r-name">Priya D.<span class="papathemes-ai-widget-pkg1-r-check" aria-label="Verified buyer" title="Verified buyer"><svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></span></strong>
<span class="papathemes-ai-widget-pkg1-r-role">Software Engineer</span>
</div>
</footer>
</article>
</div>
</div>
</div>
</div>
<script>
(function(){
var id = 'pkg1';
var gap = 16;
var root = document.querySelector('.papathemes-ai-widget-' + id);
if (!root) return;
var track = root.querySelector('.papathemes-ai-widget-' + id + '-scroll');
if (!track) return;
var prev = root.querySelector('[data-dir="prev"]');
var next = root.querySelector('[data-dir="next"]');
var cardW = function(){ var c = track.querySelector('.papathemes-ai-widget-' + id + '-review'); return c ? c.offsetWidth + gap : 260; };
if (prev) prev.onclick = function(){ track.scrollBy({ left: -cardW(), behavior: 'smooth' }); };
if (next) next.onclick = function(){ track.scrollBy({ left: cardW(), behavior: 'smooth' }); };
})();
</script>
16. Resources (AI HTML Generator | PapaThemes)¶
A Page Builder AI HTML Generator | PapaThemes widget placed in the region home_below_products_by_category (sort 2), with the heading Tech Resources & Guides (guide cards). It comes from the demo widget import (not a theme setting) and requires the PapaThemes app.
‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div
Exact demo HTML (Electronics) — Resources, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-onrl0jrg {
--papathemes-ai-widget-onrl0jrg-white: #ffffff;
--papathemes-ai-widget-onrl0jrg-bark-100: #f1f5f9;
--papathemes-ai-widget-onrl0jrg-bark-500: #64748b;
--papathemes-ai-widget-onrl0jrg-bark-800: #1e293b;
--papathemes-ai-widget-onrl0jrg-bark-900: #0f172a;
--papathemes-ai-widget-onrl0jrg-terra: #3b82f6;
--papathemes-ai-widget-onrl0jrg-terra-dark: #2563eb;
--papathemes-ai-widget-onrl0jrg-terra-pale: #eff6ff;
--papathemes-ai-widget-onrl0jrg-forest-700: #15803d;
--papathemes-ai-widget-onrl0jrg-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-onrl0jrg-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.papathemes-ai-widget-onrl0jrg *,
.papathemes-ai-widget-onrl0jrg *::before,
.papathemes-ai-widget-onrl0jrg *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-onrl0jrg-section {
padding: 32px 20px 0;
}
.papathemes-ai-widget-onrl0jrg-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.papathemes-ai-widget-onrl0jrg-header-left {
display: flex;
align-items: center;
gap: 12px;
}
.papathemes-ai-widget-onrl0jrg-sec-icon {
width: 36px;
height: 36px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: var(--papathemes-ai-widget-onrl0jrg-terra-pale);
color: var(--papathemes-ai-widget-onrl0jrg-terra);
}
.papathemes-ai-widget-onrl0jrg-sec-icon svg {
width: 18px;
height: 18px;
}
.papathemes-ai-widget-onrl0jrg-title {
font-family: var(--papathemes-ai-widget-onrl0jrg-font-heading);
font-size: 18px;
font-weight: 600;
color: var(--papathemes-ai-widget-onrl0jrg-bark-900);
}
.papathemes-ai-widget-onrl0jrg-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-top: 20px;
}
.papathemes-ai-widget-onrl0jrg-card-link {
text-decoration: none;
color: inherit;
display: block;
}
.papathemes-ai-widget-onrl0jrg-card {
background: var(--papathemes-ai-widget-onrl0jrg-white);
border: 1px solid var(--papathemes-ai-widget-onrl0jrg-bark-100);
border-radius: 8px;
overflow: hidden;
transition: all .35s;
}
a.papathemes-ai-widget-onrl0jrg-card-link .papathemes-ai-widget-onrl0jrg-card {
cursor: pointer;
}
a.papathemes-ai-widget-onrl0jrg-card-link .papathemes-ai-widget-onrl0jrg-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 20px rgba(15, 13, 10, .08);
border-color: transparent;
}
.papathemes-ai-widget-onrl0jrg-thumb {
aspect-ratio: 16/9;
position: relative;
display: block;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: #f8fafc;
}
.papathemes-ai-widget-onrl0jrg-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
padding: 0;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.papathemes-ai-widget-onrl0jrg-thumb img.papathemes-ai-widget-onrl0jrg-loaded {
opacity: 1;
}
.papathemes-ai-widget-onrl0jrg-type {
position: absolute;
top: 10px;
left: 10px;
padding: 3px 9px;
background: rgba(0, 0, 0, .45);
backdrop-filter: blur(6px);
border-radius: 4px;
font-family: var(--papathemes-ai-widget-onrl0jrg-font-body);
font-size: 8px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #fff;
display: flex;
align-items: center;
gap: 4px;
z-index: 2;
}
.papathemes-ai-widget-onrl0jrg-type svg {
width: 10px;
height: 10px;
}
.papathemes-ai-widget-onrl0jrg-body {
padding: 18px;
}
.papathemes-ai-widget-onrl0jrg-body h3 {
font-family: var(--papathemes-ai-widget-onrl0jrg-font-body);
font-size: 13px;
font-weight: 600;
color: var(--papathemes-ai-widget-onrl0jrg-bark-800);
margin-bottom: 4px;
line-height: 1.3;
transition: color .2s;
}
a.papathemes-ai-widget-onrl0jrg-card-link .papathemes-ai-widget-onrl0jrg-card:hover .papathemes-ai-widget-onrl0jrg-body h3 {
color: var(--papathemes-ai-widget-onrl0jrg-terra-dark);
}
.papathemes-ai-widget-onrl0jrg-body p {
font-family: var(--papathemes-ai-widget-onrl0jrg-font-body);
font-size: 11px;
color: var(--papathemes-ai-widget-onrl0jrg-bark-500);
line-height: 1.5;
}
@media (max-width: 1023px) {
.papathemes-ai-widget-onrl0jrg-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.papathemes-ai-widget-onrl0jrg-section {
padding: 24px 10px 0;
}
}
</style>
<div class="papathemes-ai-widget-onrl0jrg">
<div class="papathemes-ai-widget-onrl0jrg-section">
<div class="papathemes-ai-widget-onrl0jrg-header">
<div class="papathemes-ai-widget-onrl0jrg-header-left">
<div class="papathemes-ai-widget-onrl0jrg-sec-icon">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5 2v6l-2.5-1.5L8 10V4h5zM6 20V4h.01L6 20h12V4l.01 16H6z"/></svg>
</div>
<h2 class="papathemes-ai-widget-onrl0jrg-title">Tech Resources & Guides</h2>
</div>
</div>
<div class="papathemes-ai-widget-onrl0jrg-grid">
<a href="https://eshopping-electronics-demo.mybigcommerce.com/blog/" class="papathemes-ai-widget-onrl0jrg-card-link">
<div class="papathemes-ai-widget-onrl0jrg-card">
<div class="papathemes-ai-widget-onrl0jrg-thumb">
<img
class="papathemes-ai-widget-onrl0jrg-thumb-img"
data-src="https://cdn11.bigcommerce.com/s-v0uhwv1yxm/product_images/uploaded_images/the-ultimate-guide-to-buying-the-right-laptop-in-2026.png"
width="640"
height="360"
alt="Laptops on a wooden desk"
loading="lazy"
/>
<span class="papathemes-ai-widget-onrl0jrg-type">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
Guide
</span>
</div>
<div class="papathemes-ai-widget-onrl0jrg-body">
<h3>The Ultimate Guide to Buying the Right Laptop</h3>
<p>What to look for in displays, CPUs, GPUs, memory, and battery life when choosing your next laptop.</p>
</div>
</div>
</a>
<a href="https://eshopping-electronics-demo.mybigcommerce.com/blog/" class="papathemes-ai-widget-onrl0jrg-card-link">
<div class="papathemes-ai-widget-onrl0jrg-card">
<div class="papathemes-ai-widget-onrl0jrg-thumb">
<img
class="papathemes-ai-widget-onrl0jrg-thumb-img"
data-src="https://cdn11.bigcommerce.com/s-v0uhwv1yxm/product_images/uploaded_images/product-review-the-best-wireless-headphones-weve-tested-this-year.png"
width="640"
height="360"
alt="Premium wireless headphones"
loading="lazy"
/>
<span class="papathemes-ai-widget-onrl0jrg-type">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
Guide
</span>
</div>
<div class="papathemes-ai-widget-onrl0jrg-body">
<h3>Best Wireless Headphones We’ve Tested This Year</h3>
<p>In-depth review of premium ANC headphones and true-wireless earbuds — sound, comfort, battery.</p>
</div>
</div>
</a>
<a href="https://eshopping-electronics-demo.mybigcommerce.com/blog/" class="papathemes-ai-widget-onrl0jrg-card-link">
<div class="papathemes-ai-widget-onrl0jrg-card">
<div class="papathemes-ai-widget-onrl0jrg-thumb">
<img
class="papathemes-ai-widget-onrl0jrg-thumb-img"
data-src="https://cdn11.bigcommerce.com/s-v0uhwv1yxm/product_images/uploaded_images/10-must-have-tech-gadgets-to-upgrade-your-home-office-in-2026.png"
width="640"
height="360"
alt="Home office tech gadgets"
loading="lazy"
/>
<span class="papathemes-ai-widget-onrl0jrg-type">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
Guide
</span>
</div>
<div class="papathemes-ai-widget-onrl0jrg-body">
<h3>10 Must-Have Tech Gadgets to Upgrade Your Home Office</h3>
<p>Smart monitors, ergonomic keyboards, USB-C hubs, and more — boost productivity at your desk.</p>
</div>
</div>
</a>
</div>
</div>
</div>
<script>
(function(){
var id = 'onrl0jrg';
var root = document.querySelector('.papathemes-ai-widget-' + id);
if (!root) return;
var images = root.querySelectorAll('img[data-src]');
var imageObserver = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var img = entry.target;
var src = img.getAttribute('data-src');
if (src) {
img.src = src;
img.removeAttribute('data-src');
img.addEventListener('load', function() {
img.classList.add('papathemes-ai-widget-' + id + '-loaded');
});
imageObserver.unobserve(img);
}
}
});
}, { rootMargin: '50px' });
images.forEach(function(img) {
imageObserver.observe(img);
});
})();
</script>
17. Newsletter — variation default¶
Show Newsletter (eshopping-show-newsletter) is on. The variation sets the heading Stay Ahead in Tech with the description "Product launches, exclusive deals, and expert reviews delivered weekly."
eShopping Theme✕
Show Newsletter
Newsletter Signup TextEnter text…
title supports inline HTMLEnter text…
18. About (AI HTML Generator | PapaThemes)¶
A Page Builder AI HTML Generator | PapaThemes widget placed in the region home_below_newsletter (sort 0), with the heading Your Complete Consumer Electronics Source. Like the blocks above, it comes from the demo widget import — not a theme setting — and requires the PapaThemes app.
‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div
Exact demo HTML (Electronics) — About, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-z8pznc2g {
--papathemes-ai-widget-z8pznc2g-white: #ffffff;
--papathemes-ai-widget-z8pznc2g-bark-100: #f1f5f9;
--papathemes-ai-widget-z8pznc2g-bark-600: #475569;
--papathemes-ai-widget-z8pznc2g-bark-900: #0f172a;
--papathemes-ai-widget-z8pznc2g-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-z8pznc2g-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 32px 20px 0;
padding: 0;
}
.papathemes-ai-widget-z8pznc2g *,
.papathemes-ai-widget-z8pznc2g *::before,
.papathemes-ai-widget-z8pznc2g *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-z8pznc2g-section {
background: var(--papathemes-ai-widget-z8pznc2g-white);
border: 1px solid var(--papathemes-ai-widget-z8pznc2g-bark-100);
border-radius: 8px;
padding: 32px;
}
.papathemes-ai-widget-z8pznc2g-container {
max-width: 1200px;
margin: 0 auto;
}
.papathemes-ai-widget-z8pznc2g-title {
font-family: var(--papathemes-ai-widget-z8pznc2g-font-heading);
font-size: 1.25rem;
font-weight: 600;
color: var(--papathemes-ai-widget-z8pznc2g-bark-900);
text-align: center;
margin-bottom: 16px;
line-height: 1.3;
}
.papathemes-ai-widget-z8pznc2g-text {
font-family: var(--papathemes-ai-widget-z8pznc2g-font-body);
font-size: 0.86rem;
color: var(--papathemes-ai-widget-z8pznc2g-bark-600);
line-height: 1.8;
max-width: 860px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.papathemes-ai-widget-z8pznc2g {
margin: 24px 10px 0;
}
.papathemes-ai-widget-z8pznc2g-section {
padding: 24px 18px;
}
.papathemes-ai-widget-z8pznc2g-title {
font-size: 1.15rem;
}
}
</style>
<div class="papathemes-ai-widget-z8pznc2g">
<div class="papathemes-ai-widget-z8pznc2g-section">
<div class="papathemes-ai-widget-z8pznc2g-container">
<h2 class="papathemes-ai-widget-z8pznc2g-title">Your Complete Consumer Electronics Source</h2>
<p class="papathemes-ai-widget-z8pznc2g-text">We supply the laptops, monitors, audio gear, smart home devices, and accessories that keep professionals, creators, and enthusiasts powered up. Our catalog spans computing, displays, audio, mobile, smart home, and cables — all tested and stocked for fast, predictable shipping.</p>
<p class="papathemes-ai-widget-z8pznc2g-text">From everyday productivity to high-performance gear, every product is chosen for quality and value. Browse trusted brands and pro-grade tech used by thousands of professionals and enthusiasts every day.</p>
</div>
</div>
</div>
19. Talk to an Expert (AI HTML Generator | PapaThemes)¶
A Page Builder AI HTML Generator | PapaThemes widget placed in the region home_below_newsletter (sort 1), a contact-CTA block with the heading Need help choosing tech? Talk to a Tech Specialist. It comes from the demo widget import (not a theme setting) and requires the PapaThemes app.
‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div
Exact demo HTML (Electronics) — Talk to an Expert, paste into the widget's HTML Content field
<style>
.papathemes-ai-widget-i24corxj {
--papathemes-ai-widget-i24corxj-white: #ffffff;
--papathemes-ai-widget-i24corxj-cream: #f8fafc;
--papathemes-ai-widget-i24corxj-bark-200: #cbd5e1;
--papathemes-ai-widget-i24corxj-bark-300: #cbd5e1;
--papathemes-ai-widget-i24corxj-bark-400: #94a3b8;
--papathemes-ai-widget-i24corxj-bark-700: #334155;
--papathemes-ai-widget-i24corxj-bark-800: #1e293b;
--papathemes-ai-widget-i24corxj-bark-900: #0f172a;
--papathemes-ai-widget-i24corxj-bark-950: #060912;
--papathemes-ai-widget-i24corxj-terra: #3b82f6;
--papathemes-ai-widget-i24corxj-terra-dark: #2563eb;
--papathemes-ai-widget-i24corxj-terra-light: #60a5fa;
--papathemes-ai-widget-i24corxj-font-heading: 'Inter', sans-serif;
--papathemes-ai-widget-i24corxj-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
}
.papathemes-ai-widget-i24corxj *,
.papathemes-ai-widget-i24corxj *::before,
.papathemes-ai-widget-i24corxj *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.papathemes-ai-widget-i24corxj-bar {
margin: 32px 20px 0;
background:
linear-gradient(135deg, var(--papathemes-ai-widget-i24corxj-bark-900) 0%, var(--papathemes-ai-widget-i24corxj-bark-800) 100%);
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 36px rgba(2, 6, 18, 0.35);
border-radius: 14px;
padding: 30px 36px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
position: relative;
overflow: hidden;
}
.papathemes-ai-widget-i24corxj-bar::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 60% 90% at 92% 50%, rgba(59, 130, 246, 0.18), transparent 70%),
radial-gradient(ellipse 40% 60% at 0% 0%, rgba(255, 255, 255, 0.04), transparent 60%);
pointer-events: none;
}
.papathemes-ai-widget-i24corxj-bar::after {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.5;
pointer-events: none;
}
.papathemes-ai-widget-i24corxj-left {
position: relative;
z-index: 1;
}
.papathemes-ai-widget-i24corxj-heading {
font-family: var(--papathemes-ai-widget-i24corxj-font-heading);
font-size: 17px;
font-weight: 600;
color: var(--papathemes-ai-widget-i24corxj-white);
margin-bottom: 6px;
letter-spacing: -0.01em;
}
.papathemes-ai-widget-i24corxj-heading em {
font-style: italic;
font-weight: 400;
// Hardcoded warm gold accent — universal premium signal, decoupled from
// per-store terra-light (renders blue on Electronics #60a5fa).
color: #fbbf24;
}
.papathemes-ai-widget-i24corxj-desc {
font-family: var(--papathemes-ai-widget-i24corxj-font-body);
font-size: 13px;
line-height: 1.55;
color: var(--papathemes-ai-widget-i24corxj-bark-300);
max-width: 60ch;
}
.papathemes-ai-widget-i24corxj-btns {
display: flex;
gap: 10px;
position: relative;
z-index: 1;
}
.papathemes-ai-widget-i24corxj-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
border-radius: 8px;
font-family: var(--papathemes-ai-widget-i24corxj-font-heading);
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: all .25s cubic-bezier(.16, 1, .3, 1);
letter-spacing: 0.01em;
border: none;
cursor: pointer;
}
.papathemes-ai-widget-i24corxj-btn svg {
width: 15px;
height: 15px;
transition: transform .3s;
}
.papathemes-ai-widget-i24corxj-btn--terra {
background: var(--papathemes-ai-widget-i24corxj-terra);
color: var(--papathemes-ai-widget-i24corxj-white);
}
.papathemes-ai-widget-i24corxj-btn--terra:hover {
background: var(--papathemes-ai-widget-i24corxj-terra-dark);
color: var(--papathemes-ai-widget-i24corxj-white);
box-shadow: 0 6px 24px rgba(59, 130, 246, .35);
transform: translateY(-1px);
text-decoration: none;
}
.papathemes-ai-widget-i24corxj-btn--terra:hover svg {
transform: translateX(3px);
}
.papathemes-ai-widget-i24corxj-btn--ghost {
border: 1px solid rgba(255, 255, 255, 0.22);
color: var(--papathemes-ai-widget-i24corxj-white);
background: rgba(255, 255, 255, 0.04);
backdrop-filter: blur(8px);
}
.papathemes-ai-widget-i24corxj-btn--ghost:hover {
border-color: rgba(255, 255, 255, 0.45);
color: var(--papathemes-ai-widget-i24corxj-white);
background: rgba(255, 255, 255, 0.1);
transform: translateY(-1px);
text-decoration: none;
}
@media (max-width: 767px) {
.papathemes-ai-widget-i24corxj-bar {
margin-left: 10px;
margin-right: 10px;
flex-direction: column;
text-align: center;
padding: 28px 24px;
}
.papathemes-ai-widget-i24corxj-btns {
flex-direction: column;
width: 100%;
}
.papathemes-ai-widget-i24corxj-btn {
justify-content: center;
}
}
</style>
<div class="papathemes-ai-widget-i24corxj">
<div class="papathemes-ai-widget-i24corxj-bar">
<div class="papathemes-ai-widget-i24corxj-left">
<h3 class="papathemes-ai-widget-i24corxj-heading">Need help choosing tech? <em>Talk to a Tech Specialist</em></h3>
<p class="papathemes-ai-widget-i24corxj-desc">Our specialists help you spec the right laptop, monitor, or peripheral for your work or play. Call or chat anytime.</p>
</div>
<div class="papathemes-ai-widget-i24corxj-btns">
<a href="/contact-us/" class="papathemes-ai-widget-i24corxj-btn papathemes-ai-widget-i24corxj-btn--terra">
Request a Quote
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>
</a>
<a href="tel:18005550123" class="papathemes-ai-widget-i24corxj-btn papathemes-ai-widget-i24corxj-btn--ghost">
<svg aria-hidden="true" focusable="false" fill="currentColor" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
(800) 555-0123
</a>
</div>
</div>
</div>
20. Footer tagline (AI HTML Generator | PapaThemes)¶
The footer's short tagline is a Page Builder AI HTML Generator | PapaThemes widget in the global region eshopping_footer_description--global (one widget, placed on every template). On the live demo it reads: "eShopping Electronics Demo — Laptops, monitors, audio gear, and smart home tech — tested for quality and shipped fast."
‹ AI HTML Generator | PapaThemes⋯
▾ Content
<style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
.papathemes-ai-widget-… { … }
…your HTML…
</style>
Expand HTML EditorSave HTML
Show in container div
Exact demo HTML (Electronics) — Footer tagline, paste into the widget's HTML Content field
21. Marketing features to turn on¶
| Setting | Theme Editor field / location | Value |
|---|---|---|
| Frequently Bought Together count | FBT Products Count (eshopping-fbt-count) |
2 |
| Frequently Bought Together discount | Visual Bundle Discount % (eshopping-fbt-discount-percent) |
0% |
| Urgency: view count | eshopping-urgency-view-count |
✅ |
| Urgency: last order | eshopping-urgency-last-order |
✅ |
| Recent sales pages | eshopping-recent-sales-pages |
All pages |
| Newsletter popup | eshopping-popup-nl-text |
Heading "Get 10% Off Your First Order", description "Sign up for our newsletter and receive an exclusive discount code." |
| Promo popup | eshopping-popup-promo-text |
Heading "Spring Sale", description "Get 15% off your entire order with the code below.", code SPRING15, button "Shop Now", link / |
| Exit popup | eshopping-popup-exit-text |
Heading "Wait! Don't Go Empty-Handed", description "Here's a special 10% discount just for you.", code STAY10, button "Claim Discount", link / |
| Exit popup options | eshopping-popup-exit-opts |
Type discount, after 45 seconds, show once per session |
eShopping Theme✕
FBT Products Count2
Visual Bundle Discount %0
settingTheme Editor field (eShopping Theme)Enter text…
22. Sidebar promo / cart goal / PDP shipping & warranty (variation defaults)¶
| Setting | Theme Editor field (eShopping Theme) | Value |
|---|---|---|
| Sidebar promo | Sidebar Promo Text (eshopping-promo-text) |
Heading "Free Shipping $99+", text "Free shipping on all electronics orders over $99.", button "Shop Deals", link /shipping/ |
| Cart goals | Goal items (amount|icon|label, comma-separated) (eshopping-cart-goal-items) |
Free Shipping at $30, 5% Off at $75, Free Accessory at $150 |
| PDP shipping notes | PDP Shipping Text (eshopping-pdp-shipping-text) |
"Free Shipping" — on orders over $99; "Manufacturer Warranty" — full coverage included; "30-Day Returns" — hassle-free policy |
| PDP warranty | PDP Warranty Text (eshopping-pdp-warranty-text) |
"What's Covered", "What's Not Covered", "How to Claim", "Extended Protection" (four blocks, pre-filled) |
eShopping Theme✕
Sidebar Promo TextSidebar Promo Text (eshopping-promo-text)Free Shipping $500+|Free ground ship…
Goal items (amount|icon|label, comma-separated)50|shipping|Free Shipping,100|discou…
PDP Shipping TextEnter text…
6 segments = 3 Title|Description pairsEnter text…
PDP Warranty TextPDP Warranty Text (eshopping-pdp-warranty-text)Enter text…
8 segments = 4 Title|Description pairsEnter text…
Final check¶
Compare to https://eshopping-electronics-demo.mybigcommerce.com.