> For the complete documentation index, see [llms.txt](https://bundle-suite.gitbook.io/bundle-suite-help-doc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bundle-suite.gitbook.io/bundle-suite-help-doc/create-bundles/advanced-combo-bundle/edit-and-customisation.md).

# Edit and Customisation

### **App Block (Optional)**

<figure><img src="https://4164338169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKQ0b2FsDr6RyEn33yqR%2Fuploads%2FWvQzRqbxUpZVwo2z4WuU%2Fimage%20(14).png?alt=media&amp;token=5dd9a3a0-3053-4f51-a401-c0a7f5dd9c7b" alt=""><figcaption></figcaption></figure>

The **App Block** is optional, but it's provided to give you more flexibility in how you display your **Advanced Combo Bundle** on the product page. By using the app block, you can easily **drag and drop the bundle** anywhere within your product template layout — whether you want it to appear above the description, below the images, or between other sections like reviews or banners. This makes it easier to match your bundle placement with your store’s design and flow, without needing to touch any code.

***

### Advanced Customization

<figure><img src="https://4164338169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKQ0b2FsDr6RyEn33yqR%2Fuploads%2F0XizG5JzYMzJUyoZWc7O%2FScreenshot%202026-02-05%20at%202.10.58%20PM.png?alt=media&amp;token=9116fbf1-1ade-4dcb-8ca8-c5636bcd08e7" alt=""><figcaption></figcaption></figure>

BundleSuite supports advanced customizations through CSS and JS, allowing full control over styling and interactions.

1. Go to **Theme Customizer** → **App Block** for your bundle
2. Locate the **Custom CSS** and **Custom JS** fields.
3. Use bundle class selectors to make changes to your advanced combo bundle.
4. You can also change bundle title, accent color, heading size and bundle text from this app block.
5. You can also choose to hide the out-of-stock products from the bundle page.
6. Save your changes.

Use these fields to style the bundle using class-based targeting, adjust layout, or add functionality.

***

### Custom Template

You can enhance your Advanced Combo Bundle page by creating a custom product template and adding additional sections like reviews, banners, or images. Here’s how to do it:

✅ **Step-by-step guide:**

1. **Go to** `Online Store > Themes > Customize`.
2. In the **Theme Editor**, open any product page.
3. From the top dropdown menu, click on **“Products”**, then select **“Create template”**.
4. **Name your template** (e.g., `bundle-template`) and click **Create**.
5. Once the new template is created, **assign your Advanced Combo Bundle product** to this template. You can do this either:
   * From the **Theme Editor** (using the preview panel), or
   * From your **Shopify Admin > Products** section by editing the product and selecting the new template under "Theme template".
6. Back in the **Theme Editor**, you can now **add custom sections** like:
   * Customer reviews
   * Image banners
   * Text blocks
   * Testimonials, etc.
7. Click **Save**.

That’s it! Your Advanced Combo Bundle product page will now display with your custom layout and added sections. Let us know if you’d like help designing the layout!

***

### Translation Settings

BundleSuite allows you to translate your bundle content into multiple languages for a localized shopping experience.

#### How to Add Translations

1. Open the bundle editor.
2. Find the **Translation** dropdown at top.
3. Select your preferred language from the dropdown menu.
4. Enter the translated text for the fields you want to customize.
5. Save the changes.

#### Important Notes

* If a translation field is left empty, BundleSuite will automatically display the default language (English) text.
* Make sure the language is published and active in your Shopify store before testing translations.