nuxt-x-marketing
AffiliateProductDetail
Full-page affiliate product review with image gallery, pros/cons, specs table, editorial verdict, score badge, and sticky buy box.
AffiliateProductDetail
A full editorial product review page. Includes an image gallery with thumbnail navigation, a pros/cons table, a specifications table (from product.specs), an editorial verdict blockquote, and an editorial score badge. A sticky sidebar shows a buy box with affiliate CTA.
Components
<XMarkAffiliateProductDetail />
A full editorial product review page. Includes an image gallery with thumbnail navigation, a pros/cons table, a specifications table (from product.specs), an editorial verdict blockquote, and an editorial score badge. A sticky sidebar shows a buy box with affiliate CTA.
<XMarkAffiliateProductDetail
:product="{
name: 'Sony WH-1000XM5',
image: '/products/sony-xm5.jpg',
images: ['/products/sony-1.jpg', '/products/sony-2.jpg'],
price: '$349.99',
originalPrice: '$399.99',
rating: 4.8,
reviewCount: 24500,
description: 'The Sony WH-1000XM5 is the best noise-canceling headphone...',
pros: ['Best-in-class ANC', '30h battery', 'Lightweight'],
cons: ['No IP rating', 'No 3.5mm jack on USB-C charging'],
specs: { 'Driver Size': '30mm', 'Frequency': '4Hz–40kHz', 'Weight': '250g' },
verdict: 'The XM5 is the benchmark for wireless ANC headphones in 2025.',
score: 9.2,
affiliateUrl: 'https://amazon.com/dp/B09XS7JWHH?tag=mysite-20',
}"
:has-buy-box="true"
:has-pros-cons-table="true"
:has-specs="true"
disclosure="Affiliate disclosure text."
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
product | Object | Required | Full product object including name, image?, images?, price?, originalPrice?, rating?, reviewCount?, description?, pros?, cons?, specs?, verdict?, score?, affiliateUrl |
hasBuyBox | Boolean | true | Show sticky sidebar buy box |
hasProsConsTable | Boolean | true | Show formatted pros/cons section |
hasSpecs | Boolean | true | Show specifications table |
disclosure | String | '' | Disclosure text shown at the top |
Slots
| Slot | Description |
|---|---|
after-verdict | Content inserted after the verdict section |
buy-box | Override the default sticky sidebar buy box |
AI Context
category: Affiliate
package: "@xenterprises/nuxt-x-marketing"
components:
- XMarkAffiliateProductDetail
use-when: >
Building a full editorial affiliate product review page with image gallery,
pros/cons, specs, editorial verdict, score, and a sticky sidebar buy box.
typical-page-section: Full page for a single product review (/review/[product-slug]).