> For the complete documentation index, see [llms.txt](https://docs.angle3d.co/angle3d-configurator-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.angle3d.co/angle3d-configurator-documentation/binding/merged-bundles.md). # 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