CPC
CPC CPC
  • Web Components Guide

Content App

  • Core Components
    • Basic Content
    • Hero Banners
    • Layout Element
    • Letter
  • Media Components
    • Images
    • Videos
    • Icons
  • Interactive Components
    • Full Width Accordion
    • Accordion List
    • Tabs
    • Vertical Tabs
    • CTA Block
    • Contact Playlist
    • Datapoint

Custom Apps

  • Artifact Library App
    • Artifact Grid
    • Asset Grid Carousel
    • Playlist Tabs Collection
    • Resources Carousel
    • Resources Download
  • Events App
    • Event List
    • Event Page
  • Forms App
    • ClickDimensions Widget
  • Products App
    • Carousel - Products
    • Carousel - Series
    • Carousel - Recently Viewed
    • Carousel - Custom
    • Series Page URL Handler

Other

  • Alert Banners
    • Overiview
    • DNN Alert Banner
    • Adam Alert Banner

Products App Components

Custom Apps | Web Components Guide

Products App

Product Carousel - Product Source

The product carousel is a single-row display of a product query. The list is queried by either: series, recently viewed products, product, or a custom selection.

When using the "Product Source", the Product Carousel will display an additional selection for either Mating Parts, Additional Items, or Replacement Parts for the selected product.

Product Carousel - Products Source | Mating Parts
Product Carousel - Products Source | Mating Parts
Product Carouse - Products Source | Additional Items
Product Carouse - Products Source | Additional Items

Products App

Product Carousel - Series Source

When the Series Source is selected, the carousel will show all products within that series in alphanumeric order.

Product Carousel - Series Source | APC Series example
Product Carousel - Series Source | APC Series example

Products App

Product Carousel - Recently Viewed Source

When the "Recently Viewed" source is selected, the carousel will display the products a user has recently navigated to. This list is automatically generated based on user's history. This component is frequently pinned to the bottom of Product pages.

Product Carousel - Recently Viewed Source
Product Carousel - Recently Viewed Source

Products App

Product Carousel - Custom Source

Using the "custom" source allows you to select specific products from the list of all products on the site. Great for something like a campaign page where you want to display and link to a specific set of products, a page promoting new a set of products, etc.

Product Carousel - Custom Source | Random assorted products example
Product Carousel - Custom Source | Random assorted products example

Products App

Series Page URL Handler

(Former 'Series URL Handler' has been deprecated)

  • Displays a list of manually added product lines via unique 'Series Page' objects.
  • Each 'Series Page' object added to this 'Series Page URL Handler' will generate a dynamic prodcut page using the url of current page.
  • 'Series Pages' can be uniquely created for a single instance, or shared between multiple 'Series Page URL Handlers', allowing for variation between markets if desired. (ex: LC can now show unique content for Liquid Cooling vs. Core markets)
  • 'Series Page URL Handlers' display 3-4 rows of available product data for each assigned product line, depending on the market the 'Series Page URL Handler' is being added to. (ex: "cpcworldwide.com/Biopharma/..." will show a different theme and data than "cpcworldwide.com/Liquid-Cooling/...")
  • These are complex components, so please use with caution. Reach out to the Digital Team for questions regarding its use.

Note: This 'Series Page URL Handler' component will replicate all components in the DNN 'Content Block' from the page it is added to, to the dynamically generated pages. (ex: if a hero banner is placed in the same 'content block' as this 'Series Page URL Handler', the same hero banner will be displayed on each product page that the 'Series Page URL Handler' generates)

Series Page URL Handler | Biopharma example
Series Page URL Handler | Biopharma example
Series Page URL Handler | Liquid Cooling example
Series Page URL Handler | Liquid Cooling example
Series Page Url Handler | General Purpose example
Series Page Url Handler | General Purpose example
© 2026 Colder Products Company®. All Rights Reserved