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
  • Use Filters
  • Select preset
  • Content relations
Export as PDF
  1. Umbraco backoffice extension
  2. Content extensions
  3. Block Grid extensions
  4. Grid editor extensions

Product List

PreviousParallax ImageNextProducts

Last updated 1 year ago

Note: There can only be one Product List per page

Click "Add content" in a column. Choose the "Product List" icon, click "Please setup product list".

Choose your Selected fields, selected presets and content relations and click "Submit"

Use Filters

Choose what value you wish to appear as a filter button on the Webshop for the customer to interact with.

The selection of fields available stems from the Product Information Management (PIM) system, examples of fields shown below:

Select preset

Settings will determine where in the category tree the selection starts. Multiple can be added using "and"/ "or" rules. Add the category code as preset.

By selecting preset, the products appearing on the product list can be selected very specifically by combining the multiple fields and their content with "and"/"or" rules.

Below example is simply by category:

The fields available in the drop down menu are indexed fields, which means either selected attributes from category filters, sorting options or popularity.

Next example displays only products within a specific range of popularity - if aslo a specific product type - from a specific Brand:

Content relations

Instead of adding the category as preset as done above, you can enable the slider "Use content relations as preset". This will give you a selection of products that have related content elsewhere in your webshop, by brand, categories, products or tags.

Adding a product list - step 1
Adding a product list - step 2
Adding a product list - step 3
Adding a product list - step 4
Result in Umbraco
Result on the Webshop
Setting User filters
Result on webshop
PIM Filter values on Category - step 1
PIM Filter values on Category - step 2
PIM Filter values on Category - step 3
Product List with pre selected category
Finding category code in PIM
Pre selection from various fields and their content
Product list based on content relations