> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/globo-combined-listings/settings/settings.md).

# Settings

Open **Settings** in the app navigation. Changes apply after **Save** (a save bar guards unsaved edits) and sync to your storefront in the background.

<figure><img src="/files/4kMuGHWxpoR5EAIvt4ZW" alt="Settings page with all configuration sections visible"><figcaption><p>All settings live on one page — changes apply after Save.</p></figcaption></figure>

## General

### Enable Combined Listings on your storefront

The master switch. Turning it **off** immediately hides every option widget storefront-wide — on product pages, cards, and quick view — without touching your groups or products. Turn it back on and everything reappears as before.

Default: **on**.

Turning this off and saving asks you to confirm first — **Hide Combined Listings on your storefront?** — since shoppers will see plain product pages until you turn it back on. Your groups and products aren't affected.

{% hint style="info" %}
Use this as a kill switch during theme work or troubleshooting: it's instant and fully reversible.
{% endhint %}

### When clicking options on product card

What happens when a shopper clicks a value on a **collection card**:

| Option                                                         | Behavior                                                                    |
| -------------------------------------------------------------- | --------------------------------------------------------------------------- |
| **Update the price, image, and title on the card** *(default)* | The card's price, image, and title switch in place to the selected product. |
| **Redirect to product details page**                           | Clicking a value navigates straight to that product's page.                 |

## Storefront experience

### Preload linked product pages on hover

When a shopper hovers or focuses an option value, the linked product's page is preloaded so the subsequent navigation feels instant.

Default: **on**.

{% hint style="info" %}
Turn this off if it's not needed for your store — for example, if it seems to affect your analytics numbers.
{% endhint %}

## Advanced

### Custom CSS

Free-form CSS injected on your storefront alongside the widgets — for fine-tuning position, spacing, or colors beyond what [styles](/globo-combined-listings/styles/styles.md) cover.

For developers only — leave it blank if you're not sure; incorrect CSS can change how things look on your storefront.

```css
/* Add breathing room around the product-page widget */
gcl-product-widget {
  margin-block: 20px 8px;
}

/* Cap the card widget's width on wide collection cards */
gcl-card-widget {
  max-width: 220px;
}
```

{% hint style="warning" %}
Target the widget containers (`gcl-product-widget`, `gcl-card-widget`) as shown above. For colors, sizes, and shapes *inside* the widget, use the [style editor](/globo-combined-listings/styles/customize-a-style.md) instead — that's what it's for.
{% endhint %}

{% hint style="info" %}
Not comfortable with CSS? [Contact support](/globo-combined-listings/help/contact-support.md) — free CSS adjustments are part of support.
{% endhint %}