Chrome Extensioni18nProductivityCookies API

Quince Locale Switcher

A premium Chrome extension for forcing locale on the Quince storefront by managing the NEXT_PREFERRED_LOCALE cookie. Features a beautiful cantaloupe-themed interface with smooth animations.

Try Interactive Preview

Extension Interface

Quince Switcher
Current:en-US
Select Locale

Network Interception

GET/api/products/featured
Cookie:NEXT_LOCALE=en-us
x-quince-locale:en-US
quince.com
πŸ‡ΊπŸ‡Έ United States

Hello World

Experience premium quality at an affordable price.

$120.00

😩 The Pain Point: Internationalization Testing

Testing an international e-commerce platform like Quince requires constantly switching between regions (e.g., US, Canada, UK).

Typically, developers have to:

1. Open DevTools.

2. Find the specific cookie `NEXT_PREFERRED_LOCALE`.

3. Manually edit the value (e.g., change `en-us` to `fr-ca`).

4. Refresh the page.

5. *Repeat 50 times a day.*

πŸ’‘ The Solution: Instant Locale Injection

**Quince Locale Switcher** reduces this 4-step process to a **single click**.

# πŸ›  How It Works (The Nerdy Stuff)

The extension uses the Chrome Cookies API to surgically inject the correct locale headers before the request is even sent.

1. **User Selection:** You click "Canada (French)".

2. **Cookie Injection:** The extension executes:

```javascript

chrome.cookies.set({

url: "https://quince.com",

name: "NEXT_PREFERRED_LOCALE",

value: "fr-ca",

domain: ".quince.com"

});

```

3. **Auto-Reload:** The tab is automatically refreshed to reflect the new content immediately.

🎨 Premium UI

Built with a dark-mode first philosophy, using the exact brand colors of Quince (Cantaloupe Orange) to feel like a native part of the ecosystem.

How to Install

  1. Download the zip file above.
  2. Unzip the file to a folder.
  3. Go to chrome://extensions
  4. Enable Developer mode (top right).
  5. Click Load unpacked.
  6. Select the unzipped folder.

Key Features

  • One-click Locale Forcing
  • Auto-reload on switch
  • Visual Feedback & Animations
  • Supports EN-US, EN-CA, EN-GB, and more
  • Clean, modern UI

Tech Stack

ReactChrome Extension APICookies APITailwind CSS