---
title: L'Amarie Beauty — Before/After Image Slider
type: article
created: '2025-11-07'
updated: '2025-11-07'
source_docs:
- raw/2025-11-07-lmb-100049459.md
tags:
- lamarie-beauty
- wordpress
- web-development
- components
- before-after-slider
layer: 2
client_source: null
industry_context: null
transferable: true
---

# L'Amarie Beauty — Before/After Image Slider

## Overview

The L'Amarie Beauty service page redesign includes a before/after image slider component on each service page. The client (Roxanna) requested this as part of a broader service page overhaul reviewed in the [[wiki/meetings/2025-11-07-lmb-service-page-redesign-review|2025-11-07 Service Page Redesign Review]].

The slider is considered a standard, achievable component. Implementation is assigned to [[wiki/people/isahaque-mahmud|Isahaque]] as part of the broader service page work, targeted for completion by Monday with a potential Tuesday client review.

---

## Component Requirements

- **Type:** Drag/reveal before-and-after image slider (not a carousel)
- **Placement:** Dedicated "Before & Afters" section on each service page
- **Scope:** One slider per service variant where photos are available

---

## Photo Availability Tracking

Photos are **not yet provided** for all service variants. Roxanna is responsible for:

1. Supplying the actual before/after photos
2. Marking photo availability directly in the source Excel document

> **Convention:** When a photo is available for a given service variant, Roxanna will flag it in the Excel sheet (e.g., under a "Key Ingredients / Photo" column). Isahaque should check this column before building out each variant's slider.

Until photos are confirmed and provided, the before/after section should either be **hidden** or use a placeholder, consistent with how other pending sections (e.g., the User-Generated section) are being handled.

---

## Copy & Consistency Guidelines

These apply to all content surrounding the slider, consistent with the broader service page style rules:

| Rule | Detail |
|---|---|
| **Font style** | Lowercase and bold — match product page style |
| **Section titles** | Capitalized (e.g., "Before & Afters", "Key Ingredients") |
| **Semicolons** | Remove all semicolons from any copy in or around this section |
| **Color-coding (Excel)** | Roxanna's color-coding in the source doc is inconsistent — verify correct copy per variant rather than relying solely on color |

---

## Implementation Notes

- The slider itself is straightforward to build in WordPress
- Each service variant may have different photos; treat availability per-variant, not globally
- Coordinate with Roxanna's Excel source document for per-variant content — see also [[wiki/knowledge/website/lamarie-service-page-excel-source|L'Amarie Service Page Excel Source Doc]] for notes on navigating that document
- This component is part of the larger [[wiki/knowledge/website/lamarie-service-page-redesign|L'Amarie Service Page Redesign]] effort

---

## Status

| Item | Status |
|---|---|
| Slider component build | ⬜ Pending (target: Monday 2025-11-10) |
| Photos from client | ⬜ Awaiting — Roxanna to supply and flag in Excel |
| Client review | ⬜ Pending — target Tuesday 2025-11-11 meeting |

---

## Related

- [[wiki/meetings/2025-11-07-lmb-service-page-redesign-review|Meeting: LMB Service Page Redesign Review (2025-11-07)]]
- [[wiki/clients/lamarie-beauty/_index|L'Amarie Beauty — Client Index]]
- [[wiki/knowledge/website/lamarie-service-page-redesign|L'Amarie Service Page Redesign]]
- [[wiki/people/isahaque-mahmud|Isahaque Mahmud]]