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
  • Display options
  • Placeholder image
  • Product paging options
  • Product sorting options
  • Product sorting by sortorder
Export as PDF
  1. Umbraco backoffice extension
  2. Setup and configuration
  3. Site profile settings - Chainbox module
  4. Products

Productlist setup

PreviousStock setupNextProductdetail settings

Last updated 1 year ago

Display options

Secondary image on list

When hovering over an image on the product list, the second image (if such exists) associated with the product will be displayed.

Purchase from lists

When the "add to cart" functionality is disabled, it will only be available on the product detail pages and not on product lists, sliders, or other product display elements. This could be relevant if your products are variants under parent, such as clothing items with different sizes or colors. By disabling the "add to cart" functionality on lists, customers will need to view the product details to make a specific variant selection before adding it to their cart.

Added to cart modal

When the "add to cart" popup is enabled, a popup window will appear in the center of the screen after adding a product to the cart. This popup displays the cart content and allows customers to view their selections. However, if the popup functionality is disabled, the cart content will instead be briefly displayed below the shopping cart icon in the upper right corner of the screen.

Best sellers

By default, a product slider of bestsellers related to the current category is enabled on product details pages. This feature allows customers to easily navigate through and discover popular products within the same category.

The bestsellers displayed in the product slider are determined based on the value in the "Popularity" field in the Product Information Management (PIM) system. By default, this value is derived from sales statistics obtained from the ERP-system. However, it is possible to manually override the "Popularity" value in the PIM if necessary. Note that the calculate popularity qty is not visible in PIM, so if a quantity is visible, it means it has been entered manually as an overwrite.

Placeholder image

In cases where a category or product does not have an associated image, a placeholder image is used instead.

To ensure a visually balanced display of products on the lists, it is recommended that the dimensions of the placeholder image match the dimensions of the images retrieved from your Product Information Management (PIM) system.

Product paging options

Configure the number of products to be displayed on the product lists.

Please note that increasing the number of products per page on the product list may have an impact on the performance of your webshop.

Product sorting options

You can choose from a collection of attributes to sort the product list. By default, the sorting options are set to alphabetical order, both ascending (A-Z) and descending (Z-A).

To add more options, click the "Add" button, enter the name for the sorting option, and choose what product attribute field from the Product Information Management (PIM) system should be used. Click "Submit" and "Save".

Product sorting by sortorder

If sorting filter is set to sort by the attribute "sortorder", there are a few things to be aware of.

Sortorder is an attribute under the set "Webshop Configuration", in the PIM system. Fill in a numeric value on each product. The product category list will sort from lowest to highest.

Index field as number

Index the sortorder field in webshop frontend as type "number". If not, the sorting will be by the first digit (e.g. 5 would be grouped with 50, 500, 5000).

Log into the webshop with Supervisor user rights. Click the settings-icon and choose Index info. Click "sortorder" in the section "Fields" and choose datatype "number". Click "Save" and then click "Rebuild Index".

Sortorder is a global sorting

Note that sortorder on products is not limited to a certain category. It is a global sortorder that will affect product listing however they are viewed.

Parents and variants

Unless variants/child items have categories assigned to them, and therefor are visible on the category product list, only the parent product needs to be assigned a sortorder value in PIM.

If the variants wish to be sorted on the product detail page of the parent, then set up sorting on the lookup list items instead.

How to navigate to Product list setup
Enable Added to cart modal on webshop
Bestselling items enabled on webshop
Value in Popularity used to determine Bestseller-products
Placeholder image in Umbraco
Placeholder image on Webshop
Product paging options as shown on webshop
Adding product search option - step 1
Adding product search option - step 2
Result on website
Product sorting option: sortorder
Attribute sortorder on product detail in PIM
Webshop frontend with Supervisor userrights
Changing datatype for field sortorder