# Szablon obrazka OG: Przed / po

Dwa zdjęcia rozdzielone uchwytem suwaka, z etykietami Przed i Po oraz tytułem.

- Slug: `before-after`
- Preview (real render): https://shareglint.com/img/templates/before-after.jpg
- Page: https://shareglint.com/pl/templates/before-after

Do obróbki zdjęć, remontów, redesignów i efektów treningu. Oba zdjęcia wypełniają cały kadr, a każda połowa pokazuje swoją stronę, więc scena ciągnie się przez białą linię jak w prawdziwym suwaku porównania. W formatach pionowych podział idzie w poziomie.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Tytuł na dole zdjęć. | One-click colour grading for listing photos |
| `before_label` | tekst | Etykieta pierwszego zdjęcia, np. Przed. (domyślnie: Before) | — |
| `after_label` | tekst | Etykieta drugiego zdjęcia, np. Po. (domyślnie: After) | — |
| `site` | tekst | Twoja domena albo krótki adres. | coastalhomes.com |
| `before_image` | adres obrazka | Zdjęcie przed zmianą. | https://example.com/images/house-before.jpg |
| `after_image` | adres obrazka | Zdjęcie po zmianie, najlepiej w tym samym kadrze. | https://example.com/images/house.jpg |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #22c55e) | #22c55e |
| `theme` | dark | light | Schemat kolorów: dark albo light. | — |

## Wyrenderuj go jednym żądaniem

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "before-after",
    "modifications": {
        "title": "One-click colour grading for listing photos",
        "site": "coastalhomes.com",
        "before_image": "https://example.com/images/house-before.jpg",
        "after_image": "https://example.com/images/house.jpg"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/before-after/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```