LogoLogo
Chainbox Webshop
Chainbox Webshop
  • Chainbox Webshop documentation
  • Umbraco backoffice extension
    • Introduction: Umbraco backoffice extensions
    • Accessing Umbraco
    • Setup and configuration
      • Site profile settings - Chainbox module
        • Information, general and layout settings
          • Locale
          • Shared customer profile concept
          • Shop information settings
          • Company information settings
          • Primary layout colors and Favicon
          • Configure opening hours
        • Content
          • Global header notification
          • Top navigation items
          • Logo & tagline
          • Main navigation
          • Default footer configuration
            • Custom footer setup
        • Products
          • Product category settings
          • Product restriction setup
          • Indexing and search setup
          • Pricing display and purchase setup
          • Stock setup
          • Productlist setup
          • Productdetail settings
          • Product and category meta information settings
        • Checkout
          • Cart settings
          • Voucher, gifts & fees setup
          • Delivery/shipping setup
          • Paymentmethod setup
          • Terms configuration
        • Emails
          • Email theme setup
          • Email templates
        • Services
          • Newsletter provider setup
          • Consent provider setup
          • Tracking setup
          • Trustpilot setup
        • Security
          • Content Security policy setup
        • Debug
      • Global settings
        • Layout
        • Scripts & styles
        • Robots.txt
    • Content extensions
      • Content relations
      • Block Grid extensions
        • Row settings
          • Creating additional rowgrids
        • Column settings
        • Grid editor extensions
          • Anchor
          • Button
          • Contact form
          • Content slider
          • Headline
          • Magic tile
          • Newsletter subscription
          • Image
          • Parallax Image
          • Product List
          • Products
          • Slideshow
          • Template items
            • Introduction
            • Category specific
              • Category list
              • Category navigation
              • Product listing
            • Product specific
              • Recommended products
              • Content relations
              • Product documents
              • Product Images
              • Product information
              • Product purchase
              • Product specs
              • Related products
            • Generic
              • Header
              • Image
              • Popular products
              • Text
              • Video
          • Trustpilot widget
          • USP
          • Video
          • Umbraco standard
            • Embed
            • Macro
              • BrandList
              • CategoryMap
              • ContentLinks
              • ContentList
              • FeaturedBrands
              • FeaturedContent
              • FooterSoMeLinks
              • ImageGallery
              • RelatedContent
              • RelatedProducts
              • SiteSelector
              • TrustRating
              • TrustTextWithIcon
            • Quote
            • Richtext editor
      • Content templates
      • Documenttypes
        • System documenttypes
        • Landingpage documenttype
          • Landingpage (collection) document type
          • Landingpage (standalone) document type
          • Landingpage restriction by membertype
        • Homepage document type
        • Siteselector documenttype
    • User management
      • Users
      • User Groups
    • Media
  • Webshop frontend
    • Introduction: Webshop frontend
    • Templates
      • Homepage
      • Product pages
        • Product category listing
        • Product details
          • Variants
        • Content pages with vertical productlists
      • Checkout process
        • Shopping cart
        • Billing and shipping information
        • Payment
        • Order confirmation
          • Email receipt
      • Content & landingpages
      • Customer area
      • Header and footer
    • Functions
      • Search
      • Shortcuts
      • Pricing
      • Serverside tracking
      • CSV import
      • Vouchers
    • Settings
      • Labels
      • Worker controls
      • Index info
      • Umbraco
      • Documentation
    • Technical Info
      • Cookies
      • Browser support policy
  • Webshop worker
    • Introduction: Webshop worker
    • Built-in tasks
      • Feeds
        • Sitemap
        • XML Shoppingfeeds
      • Serverside tracking
      • Chainbox.io integration
        • PIM data
        • Logins & voucher
  • Chainbox.io integration
    • Product information management
      • Home
        • Overview
        • Product views
          • Create a view
            • View information
            • Options
              • Advanced table fields
              • Sidebar filters
              • Keyword search fields
              • Display mode
              • Enable user settings modifications
            • Fixed filtering
              • Query
              • Ordering
          • Manage views
      • Products
        • Change view
        • Category tree
        • Product details
          • Product search
          • Resources
          • Family
          • Channels
          • Categories
          • Delete product
          • Product tab
          • Marketing tab
          • Variant info tab
          • All attributes tab
        • Attribute stats
        • Bulk actions
        • Export csv
        • Create product
      • Categories
        • Export csv
        • Create subcategory
        • Category details
          • Hierachy
          • Label
          • Category tab
          • All attributes tab
          • Resources tab
          • Products tab
      • Define
        • Attributes
          • Attributes with Umbraco functionality
          • Creating attributes
          • Deleting attributes
        • Sets
        • Families
        • Channels
        • Category hierarchies
        • Lookup lists
        • Lookup list items
      • Import
        • Product CSV exports
        • Product ERP import
        • Product CSV import
        • Category CSV exports
        • Category CSV import
        • System import
      • Settings
        • Integration
        • Resources
        • Locales
        • Product views
        • Workers
        • Public API
        • Compositions
        • Global filters
        • ⭐Experimental features
        • Ensure defaults
        • Release notes
    • Webshop management
      • Members
      • Vouchers
      • Manage
      • Visit website
      • Visit CMS
      • Settings
        • Member fields
  • ERP Integration
    • Introduction: Built-in ERP integrations
    • Microsoft Dynamics C5
      • Overview
      • Pricing & discounts
      • Workflows
    • Microsoft Dynamics NAV
      • Overview
      • Pricing & discounts
      • Workflows
    • Microsoft Business Central
      • Overview
      • Pricing and discounts
      • Workflows
      • Installation of Chainbox plug-in
    • Uniconta
      • Overview
      • Pricing and discounts
      • Workflows
      • Ordre import
    • Visma.net
      • Overview
      • Pricing and discounts
      • Workflows
    • Other
  • Enterprise
    • Enterprise modules available
      • Punchout
        • Punchout FAQ
  • Tutorials
    • The initial shop configuration steps
    • Setting up a content area
      • Example landingpage
      • Example landingpage collection
        • Article collection page
        • Brand collection page
    • Setting up a new category list template
    • Setting up a new product template
    • Create product restrictions
      • Examples, restriction by customer fields
      • Examples, restriction by user fields
    • Creating a new language node
    • Creating a product URL
    • What is my current Chainbox version
  • Frequently asked questions
    • Emails
    • URLs
    • 301 Redirects
    • CSP & External scripts/components
  • Changelog
    • Versions & updates
      • Version 5.2.x
      • Version 6.0.x
  • Customized solution
    • Customization & development
Powered by GitBook
LogoLogo

Copyright Chainbox 2008-2023

On this page
  • 1 sided variants
  • Variant info on Parent
  • Variant info on child
  • Result in webshop
  • 2 sided variants
  • Variant info on parent
  • Variant info on child
  • Result on webshop
  • Sorting on variants
  • Pricing on product list
  • Specifications on variants
  • Long- and short descriptions
  • Display configuration
Export as PDF
  1. Chainbox.io integration
  2. Product information management
  3. Products
  4. Product details

Variant info tab

PreviousMarketing tabNextAll attributes tab

Last updated 11 months ago

If products in the webshop are presented all as individual products, the variant info tab, will not come into use.

However if products wishes to be presented in the webshop as variants under a parent product, this tab comes into use (e.g. 1 shirt, in 5 colors, each color in 10 sizes).

Variants under a parent, can either be one-sided or two sided. Either way the parent will be related to 1 or 2 variant groups, and the children to 1 or 2 variant dimensions under each group.

Before setting up a parent with children, these groups and dimensions should be in place. To learn more in this topic, please check below page links:

1 sided variants

If only one dimension (e.g. color) differs one child from the other, and there is no need to show a second dimension (e.g. size) a one-sided variant will do.

Variant info on Parent

Choose the "Is parent" configuration, and the relevant variant-group-1. Add the children by typing the product IDs in "Find product", or search by name. Pick the relevant variant-dimension-1 per child product. Choose Channel and category.

Variant info on child

On the child products relate product image and choose channel. Only add category if the child products should also appear individually on the product list in webshop, as well as under a parent product.

Result in webshop

Only parent appearing on product list.

The child images function both as main image when a variant is chosen, and as thumbnail in the variant listing on the detail page:

2 sided variants

If two dimensions a needed to differ between child products (e.g. yellow and red color - both sold in sizes small, medium and large) then create 2-sided variants.

Variant info on parent

Choose the "Is parent" configuration, and relevant variant-group-1 and 2. Add the children by typing the product IDs in "Find product" or search by name. Pick the relevant variant-dimension-1 and 2 per child product. Choose channel and category.

If the child items should have thumbnail images in the webshop, add images per variant-dimension-1's, as shown below.

Note that products with same variant-dimension-1 will share same image.

Variant info on child

It is optional if the child product should have image. If a dimension image is added on the parent as described above, that will be both the main image for the variant as well as the thumbnail.

If an image is added here to the child detail page, it will be the main image showing for that child.

Result on webshop

Parent is presented in the product list. When clicking "Show variants" this is how the variants are presented. See further down on this page alternatives on how variants can be presented.

Sorting on variants

On the parent product detail, tab Variants, the childitems are sorted by dimensions in the following sequence:

Dimension 1 is sorted by sortorder then dimension 2 by sortorder. If no sortorders exist or sortorder is identical on all variants then sorting is done first alphabetically by code on dimension 1 and then by dimension to. Last by itemnumber

Pricing on product list

If the Parent product is priced, this price will show on the product list. If the parent is not priced, it will display the price of the first variant. From Chainbox versions higher than 5.2.18, discount or bulk discount hitting that variant is also taken into account when presenting the first variant price on the product list.

Note: if parent is priced with 0 DKK, that is also a price, and 0 DKK will show on the list.

Specifications on variants

Note that individual specifications on variants can not be displayed individually in the webshop without development. Instead individual data is accumulated into one matrix.

Long- and short descriptions

Only descriptions on the parent item will be visible in the webshop.

Display configuration

Variant display configurations is set overall but can be overruled on parent level.

Below are examples of alternative setting-options relevant for 2-sided variants.

Display images

Display selectboxes

Display productlist

Display columns

Display expanded

Lookup lists
Lookup list items
Default Variant info tab on product not parent or variant
Parent with 1 sided variants
Child with 1 sided variant
Product list, 1 sided variant
Product detail, 1 sided variant
Parent with 2 sided variants
Switching view to variant-dimension-1 images
Adding images
Child with 2 sided variant
Product list - 2 sided variants
Product details - 2 sided variants
Display of parent on product list with price
Variant specifications accumulated
Umbraco variant display options
Display variants as images "Yes"
Display variants as image "No"
Display variants as selectboxes
Display variants as productlist
Display variants as columns
Display variants as extended