8SELECT - Integration Documentation
8SELECTService Status
  • 8.HX PLATFORM
  • Shop Integration
    • 8.SDK Web (JavaScript SDK)
    • Widgets
      • βž•Add more elements, like custom headline
      • πŸ‘»Hide recommendation area in case there is no content
      • πŸ”ŽAdding widgets after 8.SDK was loaded
      • πŸ—ΊοΈInternationalization
    • Shopping Cart
    • Checkout Tracking
    • Product Export
    • A/B Testing
    • Single Page Application
    • Tag Manager
    • Data Privacy / Cookies / GDPR
  • Widgets
    • 8.SIMILAR
    • 8.SET
    • 8.SET Custom
    • Touchpoints
      • Product Page
      • Cart Layer
      • Cart
      • Content Page
  • Product Export
    • Data Transfer
    • File Format
    • Base Data
      • Details and examples
    • Fashion Content Pool
      • Details and examples
    • Image Bot
  • Sandbox
    • Demo-Integration
    • Demo-Mode
  • API
    • Changelog
      • 2.0.0
      • 1.0.1
    • General
      • Introduction
      • Authentication
      • Pagination
      • Exceptions
      • GraphQL Schema
    • Examples
      • 8.SIMILAR
      • 8.SET
      • 8.SET Custom
      • Product Page - All Content
  • API Tracking
    • Changelog
    • General
      • Introduction
      • Authentication
      • Context
      • User Identification
      • Event Validation
    • Events
      • view
        • How to evaluate if view event can be sent
        • User views 8.SET content
      • interact
        • User clicks on a product within 8.SET content
        • User adds a product to their card from within 8.SET content
        • Example what is not a product interaction
      • order
Powered by GitBook
On this page
  • Widget-Element
  • Content for a given SKU or Main-SKU
  • Show specific set

Was this helpful?

  1. Widgets

8.SET Custom

Create product sets from model shootings / mood photography. Simply put model photo and the visible SKUs together. Alternative products are delivered automatically.

Previous8.SETNextTouchpoints

Last updated 1 year ago

Was this helpful?

Widget-Element

Content for a given SKU or Main-SKU

<div data-8select-widget-id="8.SET-Custom" data-touchpoint="content" data-sku="insert-sku-of-currently-viewed-product"></div>
  • data-sku is a dynamic attribute

    • in case the viewed variant is changed, for example via a color drop-down the value has to be updated via _8select.updateWidgetSku()

Show specific set

<div data-8select-widget-id="8.SET-Custom" data-touchpoint="content" data-set-id="insert-id-of-your-set"></div>
  • data-set-id is a static or dynamic value

    • its value is the id of the custom set you created

data-touchpoint is a static attribute - find more about it under

its value is the or of the product variant the customer is viewing in the shop

the or has to be the same value that is used in the

data-touchpoint is a static attribute - find more about it under

touchpoints
touchpoints
product export
SKU
Main-SKU
SKU
Main-SKU