Prints the details of products included in a product bundle in the shopping cart.

Kuvaus

The tag works in the shopping cart product listing created with the {CartProducts} tag.

{CartProductBundleDetails} compiles the following information about a product included in a product bundle and prints them as a <ul> list:

  • Product quantity
  • product name
  • Selected variation's name
  • product availability (if the product is not immediately available).

If the product added to the shopping cart isn't a product bundle, the tag won't print anything.

Explore the product bundles also in the merchant's guide.

See also detailed instructions for implementing the product bundle feature in the online store theme.

Syntaksi

{CartProductBundleDetails}

Näkyvyys

Toimii näkyvyydessä: ostoskorituote

You can use the tag in the helper attribute of the {CartProducts} tag.

An example of using product bundle tags in the cart

Below is a simple example of using product bundles in the {CartProducts} tag's helper attribute:

{CartProducts( before: '<ul>', helper: {{ <li {CartProductBundleID( before: 'class="CartProduct Bundle-', after: '', or: {{ {CartProductID(before: 'class="CartProduct Product-', after: '"')} }} )}> {CartProductName(before: '<h3>', after: '</h3>')} {CartProductBundleDetails( or: {{ {CartProductDetails} }} )} {CartProductPrice} </li> }} after: '</ul>' )}
  • The list of shopping cart products is created using the {CartProducts} tag. In the before/after attributes, the list is enclosed within <ul> tags, and in the helper attribute, the content and markup of each list element are defined.
  • Each <li> element is assigned class names using {CartProductBundleID} / {CartProductID} tags. If it is a regular product, the class name is Product-ID. Product bundles are given the class name Bundle-ID.
  • The name, details and price of a shopping cart product are defined as the contents of each row.

Attribuutit

before/after:

With the before and after attributes, you can define content that is output before or after the content produced by the tag.

Allowed values: text that may contain HTML and Interface markup.

E.g.

  • before: '<p>This markup appears before the tag's own content.</p>'.
  • after: '<p>This appears after the tag's own content.</p>'

If the tag does not produce any content, the content of the before and after attributes will also not be displayed.

escape:

Adds an escape character before quotation marks in the output. The attribute makes it easier to process the tag-produced content when using JavaScript.

Allowed values: true/false. The default value is false.

or:

Defines alternative content that is displayed if the tag itself does not produce any content.

Allowed values: text that may contain HTML and Interface markup.

E.g. or:'Content not found.'