# About v6.2 release

### Quick Add button refinements

We've made several thoughtful adjustments to the Quick Add button's functionality in version 6.2, focusing on visibility, customization, and control over the mobile experience.

* **Improved mobile visibility:** To ensure your product images always take center stage, the Quick Add button on mobile devices will now consistently appear *below* the main product content on the Product Detail Page. This prevents the button from overlapping your visuals, leading to a cleaner presentation and easier interaction for your customers on smaller screens.
* **Enhanced color customization:** You now have distinct color options for the Quick Add button on desktop. For mobile views, the button will automatically adopt a clear outline style, utilizing the **Text** color selected within your theme's color settings. This approach provides customization flexibility for desktop while maintaining a consistent and optimized look on mobile.
* **Mobile display control:** Recognizing that every store has unique needs, we've introduced the ability to disable the Quick Add button specifically for mobile devices. Suppose you prefer a more streamlined product page experience for your mobile visitors. In that case, you can now easily hide the button on mobile viewports while keeping it active for desktop users via the theme settings.

**How to configure:**

Theme settings > Product grid, the Quick add section contains the settings:

<figure><img src="/files/6aUA97ceDownMIs7JLMq" alt=""><figcaption><p><strong>Quick add settings are under Product Grid in the Theme Settings</strong></p></figcaption></figure>

***

### Cart and Cart drawer enhancements

Version 6.2 enhances the Cart Drawer with flexibility and refinement, focusing on providing you with greater control over typography and visual presentation.

**Expanded typography controls:** A key update is the addition of **Text size** settings across multiple elements within the Cart Drawer. You can now fine-tune the text size for:

* Products block (item details)
* Title
* Cart message
* Free shipping bar&#x20;

Each of these settings pulls from your theme's established Body text size options, making it easier to maintain visual consistency throughout your store.

<figure><img src="/files/uo10F2dzEn8lLYgpAoD7" alt=""><figcaption><p><strong>Adjust the text sizes for Cart Drawer various cart drawer blocks</strong></p></figcaption></figure>

* **Cart Message Alignment:** Alongside the new text size option, the **Cart message** now also includes **Text alignment** settings. You can choose between left and center alignment to best match your design preferences.
* **Simplified Free Shipping Bar Styling:** We've streamlined the styling options for the Free Shipping Bar. The previous gradient background option has been replaced with a straightforward solid **Color** setting for easier customization. The **Text size** control mentioned above has also been added here.

***

### Button block updates: Side-by-Side layout & full-width option

We've introduced more intuitive and flexible ways to add and manage button layouts within the **Image banner** and **Slideshow** sections, moving away from workarounds and towards dedicated controls.

**New: 'Side-by-Side Buttons' Block** - We've added a new block specifically for creating horizontal double-button layouts. Previously, achieving this look required adding and configuring two separate 'Button' blocks. This dedicated block simplifies the setup and provides a single place to manage two buttons displayed side by side.

<figure><img src="/files/JXbbcyLOW6wX6mGBD6Hw" alt=""><figcaption><p><strong>Side by side buttons</strong></p></figcaption></figure>

**'Single button' Block -** Now has a full-width option. With the introduction of the 'Side by Side buttons' block, we have enhanced the standard button block. The original Button block is now named **Single Button** and features a Full-width setting, making it easy to have a single button span the entire available width of its container:

<figure><img src="/files/FbmaDw7xaKAutrQBe1rS" alt=""><figcaption><p><strong>Full width option for Single button</strong></p></figcaption></figure>

**Image banner & Slideshow:** The new "Side by side buttons" block and changes to the "Single button" block are available in the "Image banner" and the two "Slideshow" sections.&#x20;

***

### New video block for Slideshow (Nested)

You can now add MP4/MOV videos directly to your Slideshow section in Broadcast 6.2. We've added a video block to display looping videos from your Shopify content storage. This update brings more dynamic content capabilities to your storefront, offering a powerful new way to engage visitors right from the homepage.

Add a "Video" slide to your slideshow alongside "Image" slides. The Video slide has customization options to help the text and call-to-action buttons stand out.&#x20;

<figure><img src="/files/OeuMiWSXweuSs9u2jAl1" alt=""><figcaption><p><strong>Video slide in Slideshow (Nested) section</strong></p></figcaption></figure>

The new video slide is available in the 'Slideshow (Nested)' section and not in the legacy version.&#x20;

***

### Button size settings

We've added global button size settings to the Theme settings in Broadcast 6.2:

<figure><img src="/files/PR6V6oyY20axs2kyMary" alt=""><figcaption><p><strong>Theme settings > Buttons</strong></p></figcaption></figure>

You can now set the size for all Small, Medium, and Large buttons throughout your store with these global settings.&#x20;

***

### Add to cart button - Show price in button

The Add to cart button on the Product detail page can now show the price inside the button:

<figure><img src="/files/8g9zGHSBXBmfVZOoHMDK" alt=""><figcaption><p><strong>Theme settings > Product form</strong></p></figcaption></figure>

This is a global setting that applies to all products.&#x20;

**How to configure:**

Theme settings > **Product form.** The Add to cart toggle can be found there.&#x20;

***

### Rich text columns section - New divider option

To enhance the visual organization and readability of multi-column text layouts, version 6.2 introduces a simple yet effective display option for handling rich text columns in sections.&#x20;

<figure><img src="/files/n4SbKCGTkdbWbpwhyHup" alt=""><figcaption><p><strong>Divider settings</strong></p></figcaption></figure>

**Improved Separation:** We noticed that, depending on screen size and content length, text in adjacent columns can sometimes appear too close together, which affects readability. To address this, we have included a vertical divider with width and line settings.&#x20;

This option adds an optional, subtle vertical line between the columns, providing clear visual separation. This ensures your columns remain distinct and your content is neatly organized and easy to read.

***

### Product form: Display variant color descriptions

Add more context and detail to your color options directly on the product page! Broadcast 6.2 introduces the ability to display unique text descriptions associated with specific product color variants using Shopify's metafield system. This helps customers understand the nuances, materials, or special features associated with each color choice.

#### **How It Works:**

This feature utilizes a standard Shopify variant metafield. When a customer selects a product variant on the storefront, the theme automatically checks if that specific variant has a text metafield defined with the exact namespace and key: **`theme.color_description`**. If this metafield exists and contains text, its content will be displayed dynamically on the product form, typically near the variant selectors, providing context for the chosen color.&#x20;

<figure><img src="/files/gpD1aRLx80IZ21mlZZNT" alt=""><figcaption><p><strong>Custom description for this variant combination only</strong></p></figcaption></figure>

### Video walk-through

&#x20;Watch this video walk-through on how to create the required custom variant metafield:

{% embed url="<https://www.loom.com/share/7c8c53db9dd345c6bd0afb5791c6c7e5?sid=884a8ef7-09a3-4836-9e5d-4574a2697372>" %}
**Video step-by-step instructions**
{% endembed %}

{% hint style="info" %}
**Note**: Variant metafields are different from regular Product metafields.&#x20;
{% endhint %}

#### **Setup steps:**

1. **Define the Metafield:** In your Shopify Admin, go to Settings > Custom data > Variants. Add a new definition.
2. Set the **Namespace** to `theme`.
3. Set the **Key** to `color_description`.
4. Choose a **Content type** of `Single-line text` . Give it a clear name, such as "Color Description," and a description for your reference. Save the definition.
5. **Add Content to Variants:** Go to the specific products in your Shopify Admin. Edit the variants and locate the "Metafields" section at the bottom. Add your desired descriptive text into the "Theme Color Description" metafield for each relevant variant. Save the product.

#### Additional information:

This metafield is checked on a *per-variant* basis. If your product has multiple options (e.g., Color and Size), you **must** add the appropriate color description text to **every combination** that should display it. For example, if you have 'Red' in 'Small', 'Medium', and 'Large', you need to add the Red description text to the `theme.color_description` metafield for the Red-Small variant, the Red-Medium variant, AND the Red-Large variant.

**Siblings:** This color description feature integrates seamlessly and works correctly with the theme's Siblings display logic for variants.

**Example Use Cases:** You can use this field to specify things like "Vibrant, non-toxic dye," "Limited edition Spring color," "slightly metallic finish," or "Matches our Cerulean Blue bag collection."

This feature offers a great way to provide valuable, targeted information about color options right where customers are making their decisions.

***

### Variant selection: Enhanced visual clarity

We've refined the visual styling for variant selectors in Broadcast 6.2 to provide a more prominent hover state over variants to help make the selection process more intuitive for your customers:

<figure><img src="/files/2nMTGx1uuyq9WvNhcwVD" alt=""><figcaption><p><strong>New hover style for variants</strong></p></figcaption></figure>

#### **Text color setting**

This refreshed design dynamically uses your theme's existing **Text** color setting (configured under Theme Settings > Colors, Color scheme) to style the key indicators for these selected and hovered states. This helps maintain visual consistency with your overall brand typography settings.

<figure><img src="/files/VpuuwE8mjw2NiYtNmtFj" alt=""><figcaption><p><strong>Theme settings > Colors > Color scheme</strong></p></figcaption></figure>

***

### Try Broadcast 6.2

For additional examples and to try Broadcast for free, visit our demo stores and download the latest version of Broadcast:

{% embed url="<https://themes.shopify.com/themes/broadcast>" %}

Existing customers can update for free. To preserve your live published theme, use the Shopify Update tool. The update tool will download an additional theme to your theme library and only copy the settings from your live theme. This is the safest and easiest method of updating your theme.&#x20;

{% content-ref url="/pages/0qElhOashZYoHtI5gvSr" %}
[How to update Broadcast](/faq/frequently-asked-questions/how-to-update-broadcast.md)
{% endcontent-ref %}


---

# 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://broadcast.presidiocreative.com/updates/whats-new-in-broadcast/about-v6.2-release.md?ask=<question>
```

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.