> 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/byob-mix-and-match/design-and-template.md).

# Design & Template

This section helps merchants visually enhance their bundles and adjust the bundle templates and colors to match their store’s theme and brand identity.

***

BundleSuite provides multiple **pre-designed templates** for BYOB (Mix & Match) bundles. Each template offers a unique look and feel to enhance your customers' shopping experience.

You can switch layouts without rebuilding the bundle.

<figure><img src="https://4164338169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKQ0b2FsDr6RyEn33yqR%2Fuploads%2FGXbgKYuWijjxdVxfmmVV%2Fimage.png?alt=media&amp;token=d367a06a-6973-4b1f-b74f-7202bf1cc803" alt=""><figcaption></figcaption></figure>

**Template 1: BundleSuite Classic**

* A simple and calming design ideal for versatile use across industries.
* Features **black and white tones** for a timeless, minimalist aesthetic.
* Great for showcasing products in a clean, distraction-free layout.

**Template 2: BundleSuite Valentine**

* A romantic and elegant design tailored for special occasions like Valentine's Day.
* Features **red and pink tones** with heartwarming accents.
* Perfect for curated gift bundles and emotionally engaging promotions.

**How to switch:**

* Go to your BYOB bundle → Edit
* Scroll to Change Template
* Choose from available templates (Classic, Valentine)

***

#### Mobile Optimisation Tips

BundleSuite bundles are fully responsive by default. However, here are a few additional tips to improve mobile usability:

* **Avoid too many products per row**: Choose 1 or 2 columns for mobile display
* **Hide image slider arrows** if they feel cluttered (especially for BYOB)
* **Use square images** to maintain consistent alignment
* Test all bundles in **portrait mode** on iOS and Android

***

#### Placement Suggestions (Home Page, Product Page, Menu)

Even though bundles have their own product page, you can also feature them across your store.

**How to place your bundle across the site:**

* Add to Collections
* Feature in Homepage sections (via Shopify Customiser)
* Add to Navigation menu
* Include in Product Recommendations or Blog posts

> 💡 Use product tags like bundle or offer to easily filter and group your bundles inside Shopify.