element contains the bundle data attributes with the values populated from the data model and data source. }}

{{ # The

element displays the bundle title text retrieved from the data source. }}

{{ # The

element contains all the bundle line items. }}

{{ # Iterate through each bundle line item. }} {{ for bundleLineItem in o\_model.line\_items }} {{ ## The

element contains the bundle data attributes with the values populated from the bundle line item. The 'noPanel' CSS class will be applied if the 'hasPanel' computed property in the view model returns false. ## }} {{ # The

element contains all the header elements. }}

{{ # The

element has a binding with the click event to show or hide its content. }}

{{ ## The element displays the bundle line item summary in this format: Example: Habitat Dwell Digital Wifi Scale (Black) - 2 pcs ## }} {{ ## The element displays the display name of the bundle line item. It has a text binding with the bundleLineItemName observable to ensure the value is updated in the case when an upgrade item is selected. ## }} {{ bundleLineItem.display\_name }} {{ # The element displays the separator. }} - {{ ## The element displays the quantity of the bundle line item. It has a text binding with the bundleLineItemQuantity observable to ensure the value is updated in the case when an upgrade item is selected. ## }} {{ bundleLineItem.quantity }} {{ # The element displays the unit of measurement retrieved from the data source. }} {{ i\_datasource.UnitOfMeasurement }} {{ # The setArrowClass computed property in the view model determines whether to display the accordion toggle button. }} {{ ## The element is a link to the product page of the bundle line item. Link text is retrieved from the data source. It has a href attribute binding with the bundleLineItemLink observable to ensure the value is updated in the case when an upgrade item is selected. ## }} {{ i\_datasource.ViewProductText }}

{{ ## The

element has a visible binding with the bundle line item 'is\_optional' flag. Hence, it will only be displayed if the flag is true. ## }}

{{ ## The element is a checkbox with a checked binding to indicate whether the bundle line item is included in the bundle or not. The element is disabled if the computed property 'isCheckboxDisabled' returns true. ## }} {{ # The element is the checkbox label text that is retrieved from the data source. }} {{ i\_datasource.IncludeItemText }}

{{ ## The

element contain all elements to display and modify the bundle line item quantity. It has a visible binding with the 'is\_dynamic\_bundle' flag in the model. Hence, it will only be displayed if the flag is true. ## }}

{{ # The element is the quantity label text that is retrieved from the data source. }} {{ i\_datasource.QuantityLabel }} {{ ## The

element contains the input field and buttons to set the quantity. }}

{{ ## The {{ ## The element is a field to enter the desired quantity for the bundle line item. Whenever the input value is changed, the event binding will invoke the 'updateBundleItemQuantity' function. The input is enabled if the computed property 'isQuantityEnabled' returns true. ## }} {{ ## The

{{ ## The element contains the validation message which is displayed when the bundleLineItemQuantity is invalid. }}

{{ ## The

element displays information on the selected variants for the bundle line item. It has a foreach binding to iterate through the selected variants and is only visible if the bundle line item has selected variants. ## }}

{{ ## The

element groups together the variant's key and value. }}

{{ # The elements displays the variant's key and value from the view model in this format: : }}

{{ # The

element contains all the body elements. }}

{{ # The

element contains the available upgrade items of the bundle line item. }}

{{ ## The

element contains the selection elements for the upgrade items. The element is visible if the bundle item is upgradable and disabled otherwise. ## }}

{{ # The element is the upgrade options label text that is retrieved from the data source. }} {{ i\_datasource.UpgradeOptionsLabel }} {{ ## The {{ ## Default {{ # Iterate through the upgradable items of the bundle item. }} {{ for upgradeItem in bundleLineItem.upgradable\_sellable\_item\_list }} {{ # Populate the display name of the upgrade item into the {{ end }}

{{ # The

element contains the available variant selections of the bundle line item. }}

{{ # The element contains the display name of the variant. }} {{ variantselection.display\_name }} {{ ## The {{ # Iterate through the options of each variant selection. }} {{ for option in variantselection.options }} {{ # Populate the option value into the {{ end }}

{{ # Iterate through each upgrade item of the bundle line item. }} {{ for upgradeItem in bundleLineItem.upgradable\_sellable\_item\_list }}

{{ # Iterate through each upgrade item variant selection. }} {{ for variantselection in upgradeItem.variant\_selections }}

{{ # The element contains the display name of the variant. }} {{ variantselection.display\_name }} {{ # The {{ # Iterate through the options of each variant selection. }} {{ for option in variantselection.options }} {{ # Populate the option value into the {{ end }}

{{ ## The element is a link to the product page of the bundle line item. Link text is retrieved from the data source. It has a href attribute binding with the bundleLineItemLink observable to ensure the value is updated in the case when an upgrade item is selected. ## }} {{ i\_datasource.ViewProductText }}

{{ # The

element contains the combination of variants that are valid. }}

{{ # Iterate through the valid product variants. }} {{ for validProductVariant in bundleLineItem.valid\_product\_variants }} {{ # The

element has data attributes to store the variant key and value. }}

{{ # Iterate through each upgrade item of the bundle line item. }} {{ for upgradeItem in bundleLineItem.upgradable\_sellable\_item\_list }}

{{ # Iterate through the valid product variants. }} {{ for validProductVariant in upgradeItem.valid\_product\_variants }} {{ # The

element has data attributes to store the variant key and value. }}

## プロダクトバンドルレンダリングモデル Product Bundle Scribanテンプレートでは、以下の図に示すように埋め込まれたアイテムo\_modelを通じて、ProductBundleRenderingModelモデルに含まれるプロパティやオブジェクトにアクセスできます。 ![Diagram of the Product Bundle rendering model](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/100/sitecore-experience-commerce/images/ProductBundleModel.png)

element displays the bundle title text retrieved from the data source. }}

{{ i\_datasource.TitleText }}