Product List Plugin

Product List

You have a number of options for displaying one or more products on a page; all use the same basic syntax:

data-content="product"
data-item-list="{list}"
data-click-destination="{see below}"
data-coupon="{see below}"

The data-item-list supports several different options for {list}:
• none
no parameter is required if the product to be shown is in the GET: …/page_name/?product_id=123
• list of cat_ids
this displays the catalog item(s) specified; comma-separated.
• show_tasting_menu
this displays all products in the catalog that have their “show in tasting menu” flag checked
• show_featured
this displays all products in the catalog that are flagged as “featured”
• show_cluster:cluster
this displays all products in a particular cluster:
data-item-list=”show_cluster:Red Wines”

Example: enter a comma-separated list of the product ids that you want to display for the Product List

data-content="product"
data-item-list="10,11,12"

The data-click-destination element is optional, and can have one of two values:
• landingPage — clicking on an item will take the user to the dynamic landing page created for the item
• store — clicking on an item will take the user to the store, with the item displayed
If absent, the behavior defaults to landingPage

If the data-click-destination element is set to store and the data-coupon element is present, then the link to the store will include &COUPON=foo (where foo is the value of data-coupon), which will automatically enter the coupon code into the store. This allows the Product List plugin to be used in conjunction with a coupon-based promotion.

The final CSS is at Administration->Stylesheets for Plugins->Product and Product List stylesheet.