Product HTML Tags

Main Product Tags

At least one p:form tag is required in a page.

<p:form path="" catalog="false" edit="true"> - The path="" attribute should reference an existing product's page path such as path="/abcproduct". Other product tags contained within this tag are then in the context of this product.

<p:form catalog="false" edit="true"> - It is possible to use a p:form without a path="" attribute, however the p:form must then contain at least one p:product tag.

<p:product path=""> - The path="" attribute should reference an existing product's page path such as path="/abcproduct". Other product tags contained within this tag are then in the context of the referenced product.

Note: catalog="true" makes the page a target of the "Continue Shopping" button. edit="true" makes the page a target of any product edits added from this form. catalog="false" and edit="true" is a good starting point for most pages.

Product Action Tags

At least one of these two tags (or both) must be contained in the p:form tag. Generally these will also be contained in an <s:navigation> tag for consistent styling (see below for more information on <s:navigation>).

<p:actionAdd/> - Adds selections to the order and displays the shopping cart / order contents page.

<p:actionOrder/> - Adds selections to the order and starts the checkout process.

Product Tags

The following tags reference a specific product, and must therefore be in either a <p:form path=""> or <p:product path=""> tag.

<p:display> - Display the product's name

<p:image> - Display the product's image.

<p:description> - Display the product's description.

<p:price> - Display the product's price.

<p:priceVolumeLink> - If the product has volume / quantity pricing enabled, display a link to view the details.

<p:inputQuantity> - Allow the customer to enter the product's quantity. You may nest text or other tags inside of this element and a HTML label tag will be added after it. Optionally add the attribute default="2" to override the default quantity of "1".

<p:selectCheckbox> - Allow the customer to choose the product with a checkbox. You may nest text or other tags inside of this element and a HTML label tag will be added after it. Optionally add the attribute default="checked" to select the checkbox by default.

<p:selectRadioGroup> and <p:selectRadio> - Allow the customer to choose one product with a radio button. Related <p:selectRadio> tags must be nested in the <p:selectRadioGroup> tag. You may nest text or other tags inside of the <p:selectRadio> and a HTML label tag will be added after it. Optionally add the attribute default="checked" to select the radio button by default.