• Join Now
  • Sign In
  • Cart
  • Instant Setup
  • Download
Logo
  • About
    • Try it Out
    • For Developers
    • For Agencies
    • For Designers
    • For Anyone
    • Testimonials
    • Showcase
    • History
    • Our Philosophy
    • Credits
    • What does free mean?
    • Blog
  • Community
    • Members
    • Forums
    • Chat
    • Karma
    • International
    • Jobs
    • eNewsletters
  • Developers
    • Download concrete5
    • Join Beta Team
    • Translate concrete5
    • Bug Tracker
    • Submit to Marketplace
    • Code Submissions
    • News
    • Community Leaders
  • Marketplace
    • Add-Ons
    • Themes
    • Add-on Installation
    • Deal Of The Day
    • Swag
    • Theme Contest 2012
  • Services
    • Hosting
    • Support Options
    • Consulting
    • Training
    • Enterprise
  • Documentation
    • Getting Started
    • Editor's Guide
    • Developers Guide
    • How-Tos
  • eCommerce

Product List

The easiest way to display multiple products on a single page is to add a Product List block. The Product List block can dynamically show a wide range of products based on the settings you specify.

Data Source

Picture_1.png

Which products would you like to display? Several options are available under the Data Source dropdown menu:

  • Directly under this page will display any products placed as child pages under the current page. Great for organizing all your products under a single "catalog" page, as in the sample duck content.
  • A stored search query searches your products for keywords return all that match.
  • Top purchased products will grab the most frequently-purchased products on your site up front and center.
  • Products on Sale displays products that have discounted "sale" prices set.
  • Breadcrumb of products seen will display all the products the user has recently viewed.

Search Form

 core-commerce-docs-search.png

The Search form allows users to search products by keywords and attribute. Options include Simple / Advanced input fields, and the ability to direct users to a separate results page. Here's what the two options look like, as displayed on a page:

Basic Search

core-commerce-docs-search2.png

Advanced Search

core-commerce-docs-search3.png

Displaying Properties

The Data Formatting tab gives you control of how product properties are displayed.

core-commerce-docs-productlist-4.png

  • Page displays the property in the product list
  • Callout displays the property in the rollover "callout" overlay
  • Lightbox displays the property in the lightbox-style overlay displayed when a customer clicks the product thumbnail.

Product Image Options

These settings allow you to control which product thumbnail is displayed as default for all products in your block, plus their size and relative position:

core-commerce-docs-productlist-image.png

Product Link Options

These settings allow you to show, hide or customize the Add to Cart button text, and determines whether or not the product will link to its default detail page.

core-commerce-docs-productlist-links.png

Product Overlay Options

These settings control which image overlays are used, and their sizes.

core-commerce-docs-productlist-overlays.png

Formatting Results

core-commerce-docs-productlist-resultslayout.png

Pagination Options

core-commerce-docs-productlist-paging.png

Thumbnail Intermediate Core Team

Learn More

  • eCommerce Home
  • Pre-Sale Questions
  • Reviews
  • Documentation
    • Operator's Guide
      • Adding Products
      • Product List
      • Product Detail
      • Product Attributes
      • Customer Choices
      • Order Attributes
      • Product Sets
      • Orders
      • Discounts
      • Shipping
      • Payment & Sales Tax
      • Making PayPal work
      • Settings
      • How to Uninstall/Reinstall (old)
    • Developer's Guide
  • Features
  • Version History
  • Additional Shipping and Payment Gateways
  • License
  • Roadmap
  • Support
  • Marketplace
  • Add-Ons
  • eCommerce
  • Documentation
  • Operator's Guide
  • Product List

Do you have questions

  • What are users saying?
  • Who is using concrete5?
  • What makes concrete5 easy?
  • Why develop on concrete5?
 

We’re on “The Twitter”

RT @concrete5japan: Mac の WEBコーディングソフト「Coda 2」リリーススペシャルUST番組 な週刊 #concrete5 を YouTube にアップ http://t.co/TcD80TOk 買うの迷っている人、貴重なナカノヒト、長谷川さん @noby829 さんの話をきこう! ^KU

Follow concrete5

About

  • Try it Out
  • For Developers
  • For Agencies
  • For Designers
  • For Anyone
  • Testimonials
  • Showcase
  • History
  • Our Philosophy
  • Credits
  • What does free mean?
  • Blog

Community

  • Members
  • Forums
  • Chat
  • International
  • Jobs
  • eNewsletters

Developers

  • Download concrete5
  • Join Beta Team
  • Translate concrete5
  • Bug Tracker
  • Beta
  • Submit to Marketplace
  • Code Submissions
  • News
  • Community Leaders
  • User Doc Group

Marketplace

  • Add-Ons
  • Themes
  • Add-on Installation
  • Deal Of The Day
  • Swag

Services

  • Hosting
  • Support Options
  • Consulting
  • Training
  • Enterprise

Documentation

  • Getting Started
  • Editor's Guide
  • Developers Guide
  • How-Tos

Legal

  • Privacy Policy
  • Terms of Use
  • Refund Policy
  • Contact Us
© 2008 to 2012 Concrete CMS Inc. All Rights Reserved.

Sign In?

You must have a user account and be signed to perform this action.

  • Sign In
  • Register