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 cart product isn't a product bundle, the tag won't print anything.

For more information about product bundles, see also our user 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 these two 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 escape characters to the content printed by the tag, making it easier to use the content in JavaScript code or JSON objects.

Sallitut arvot:
  • true: the attribute adds escape characters before quotation marks
  • false: the attribute does nothing
  • json: the attribute adds escape characters to the output, allowing the content to be used in JSON markup.
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.'