# Merged Bundles ## Display Merged Bundles in the Cart If you're using the **Merged Bundle feature** of Angle 3D Configurator, you’ll need to make a small edit to your Shopify theme so bundle details display properly on the **cart page**. > 🛒 This does **not affect checkout** — Shopify displays bundles correctly there by default. *** ### ✅ Step 1: Create a New Snippet 1. Go to your Shopify Admin → **Online Store > Themes > Edit Code** 2. Under the **Snippets** folder, click **“Add a new snippet”** 3. Name the snippet: ``` angle-3d-cart-merged-bundle ``` 4. Paste the code below into that file:

📄 Click to show the full snippet code

```liquid {% comment %}Angle 3D - Custom display for Merged Bundle{% endcomment %} {% if item.item_components %} {% assign display_secondary_products_images = true %} {% assign display_3d_customizer_url = true %} {% assign display_main_product_line_item_properties = true %}

{{ property.first }}: {{ property.last }}
Edit customisation
{% if item_component.image != null and display_secondary_products_images %}
${{ item_component.image.alt | escape }}$
{% endif %}

{{ item_component.quantity }} × {{ item_component.product.title }} {%- comment -%}({{ item_component.final_line_price | money }}){%- endcomment -%}
{%- for option in item_component_variant_options -%}
{{ option.name }}: {{ option.value }}
{%- endfor -%} {%- for property in secondary_product_properties -%} {% assign first_char = property.first | slice: 0, 1 %} {% if first_char != "_" %}
{{ property.first }}: {{ property.last }}
{% endif %} {%- endfor -%}

{%- endif -%} {% comment %}END - Angle 3D - Custom display for Merged Bundle{% endcomment %} ```

*** ### ✅ Step 2: Add the Snippet to Your Cart Template *(This step requires some basic coding skills, so we invite you to contact us if you are not able to do it)*
1. Still in your theme code editor, locate the cart item loop. It **usually** lives in:\ \&#xNAN;*(The file name could be different in your theme)* ``` sections/cart-items.liquid. OR sections/main-cart.liquid ``` 2. Inside the loop, locate the area where Shopify shows the product’s line item properties. The loop is usually similar to this code:

{%- for item in cart.items -%}
    ...
    {%- for property in item.properties -%}
        ...
    {%- endfor -%}
    ...
    // THE FOLLOWING CODE FROM STEP 3. GOES HERE (Make sure it is not placed within a conditional statement that prevents it from being displayed)
    ...
{%- endfor -%}

3. At the specified location above, add those 2 lines: ```liquid {% comment %} ANGLE 3D CONFIGURATOR - MERGED BUNDLE DETAILS {% endcomment %} {% render 'angle-3d-cart-merged-bundle' with item as item %} ``` 4. \[ OPTIONAL] (The second line above assumes your line item variable is called "item". If it is called any other way, you'll need to adapt it accordingly.\ Ex: If your line item variable is called "myOwnItem", the line to integrate will be:

{% render 'angle-3d-cart-merged-bundle' with myOwnItem as item %}

*** ### 🧪 You're Done! Your cart page will now show: * The bundle breakdown (main product & secondary products) * Customization details * “Edit customization” button * Variant image and quantity for each secondary product
See below, an example of a cart with a merged bundle item once the code is properly integrated:

💬 **Need help?** Contact our support team — we’ll be happy to assist. [^1]: The code from step 3. goes here. [^2]: Your custom name --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.angle3d.co/angle3d-configurator-documentation/binding/merged-bundles.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.