- Add Apollo Client for Saleor GraphQL API - Create GraphQL fragments (Product, Variant, Checkout) - Create GraphQL queries (Products, Checkout) - Create GraphQL mutations (Checkout operations) - Add TypeScript types for Saleor entities - Add product helper functions - Install @apollo/client and graphql dependencies Part of WordPress/WooCommerce → Saleor migration
136 lines
4.3 KiB
Markdown
136 lines
4.3 KiB
Markdown
# Manoon Assets Migration Inventory
|
|
## Date: March 20, 2026
|
|
## Source: WordPress (manoon-media bucket)
|
|
## Destination: Saleor (saleor bucket)
|
|
|
|
---
|
|
|
|
## 📁 FOLDER STRUCTURE
|
|
|
|
```
|
|
saleor/
|
|
├── brand/ # Logos and brand assets
|
|
├── content/ # Blog, articles, general content
|
|
├── marketing/ # Before/after, testimonials, banners
|
|
├── products/ # Product images (migrated first)
|
|
└── thumbnails/ # Auto-generated by Saleor
|
|
```
|
|
|
|
---
|
|
|
|
## 🎨 BRAND ASSETS (35 files)
|
|
|
|
### Main Logo Files
|
|
| File | Size | Purpose | Recommended Use |
|
|
|------|------|---------|-----------------|
|
|
| `cropped-manoon-logo_256x.png` | 38KB | Main logo | Header, footer |
|
|
| `cropped-manoon-logo_256x-300x300.png` | 20KB | Square format | Social media, favicon |
|
|
| `cropped-manoon-logo_256x-416x416.png` | 30KB | Large square | High-res displays |
|
|
|
|
### Partner/Press Logos
|
|
| File | Brand | Use Case |
|
|
|------|-------|----------|
|
|
| `bazaar-logo.png` | Bazaar Magazine | As seen in/press section |
|
|
| `cosmopolitan-logo.png` | Cosmopolitan | As seen in/press section |
|
|
| `lepotazdravilja-logo.png` | Lepota Zdravlja | As seen in/press section |
|
|
|
|
**Full URL:** `https://minio-api.nodecrew.me/saleor/brand/{filename}`
|
|
|
|
---
|
|
|
|
## 📸 BEFORE/AFTER IMAGES (65 files)
|
|
|
|
### Hair Results
|
|
| File | Description |
|
|
|------|-------------|
|
|
| `hair-before-after-1_1.webp` | Hair elixir result #1 |
|
|
| `hair-before-after-2_1.webp` | Hair elixir result #2 |
|
|
| `hair-before-after-3_1.webp` | Hair elixir result #3 |
|
|
| `hair-before-after-4_1.webp` | Hair elixir result #4 |
|
|
| `hair-before-after-5_1.webp` | Hair elixir result #5 |
|
|
|
|
### Skin Results
|
|
| File | Description |
|
|
|------|-------------|
|
|
| `manoon-before-after-1_cleanup-compressed_1280x.jpg` | Serum result |
|
|
| `manoon-before-after-2_cleanup_1-compressed_1280x.jpg` | Serum result 2 |
|
|
| `manoon-before-after-3_cleanup-compressed_1280x.jpg` | Serum result 3 |
|
|
| `marlene-before-after_cleanup-compressed_1280x.jpg` | Customer Marlene |
|
|
| `susanne-before-after_cleanup-compressed_1280x.jpg` | Customer Susanne |
|
|
|
|
**Full URL:** `https://minio-api.nodecrew.me/saleor/marketing/{filename}`
|
|
|
|
---
|
|
|
|
## 💬 TESTIMONIAL IMAGES (67 files)
|
|
|
|
| File | Description |
|
|
|------|-------------|
|
|
| `Image-Testemonials-2.jpeg` | Testimonial featured image |
|
|
| `testimonial10_1280x.jpg` | Customer testimonial #10 |
|
|
| `testimonial11_1280x.jpg` | Customer testimonial #11 |
|
|
| `testimonial15_1280x.jpg` | Customer testimonial #15 |
|
|
|
|
**Full URL:** `https://minio-api.nodecrew.me/saleor/marketing/{filename}`
|
|
|
|
---
|
|
|
|
## 🛍️ PRODUCT IMAGES (9 main + thumbnails)
|
|
|
|
| Product | Main Image | Gallery Images |
|
|
|---------|-----------|----------------|
|
|
| Morning Glow | `morning-glow-main.jpg` | `morning-glow-gallery-1.jpg` |
|
|
| Hair Elixir | `hair-elixir-main.webp` | - |
|
|
| Anti-age Serum | `anti-age-serum-main.jpg` | `anti-age-serum-gallery-1.jpg`, `anti-age-serum-gallery-2.jpg` |
|
|
| Luksuzni Set | `luksuzni-set-main.jpg` | `luksuzni-set-gallery-1.jpg`, `luksuzni-set-gallery-2.jpg` |
|
|
|
|
**Full URL:** `https://minio-api.nodecrew.me/saleor/products/{filename}`
|
|
|
|
---
|
|
|
|
## 📝 CONTENT IMAGES (25 files)
|
|
|
|
Various blog/article images, WhatsApp uploads, and other content assets.
|
|
|
|
**Full URL:** `https://minio-api.nodecrew.me/saleor/content/{filename}`
|
|
|
|
---
|
|
|
|
## 🔗 QUICK REFERENCE URLS
|
|
|
|
### CDN Base URL
|
|
```
|
|
https://minio-api.nodecrew.me/saleor/
|
|
```
|
|
|
|
### Direct Access Examples
|
|
```
|
|
Logo: https://minio-api.nodecrew.me/saleor/brand/cropped-manoon-logo_256x.png
|
|
Product: https://minio-api.nodecrew.me/saleor/products/morning-glow-main.jpg
|
|
Marketing: https://minio-api.nodecrew.me/saleor/marketing/hair-before-after-1_1.webp
|
|
Content: https://minio-api.nodecrew.me/saleor/content/{filename}
|
|
```
|
|
|
|
---
|
|
|
|
## 🎯 NEXT STEPS FOR STOREFRONT
|
|
|
|
1. **Hero Section**: Use logo from `/brand/` folder
|
|
2. **Product Pages**: Use images from `/products/` folder
|
|
3. **Results/Social Proof**: Use before/after from `/marketing/` folder
|
|
4. **Testimonials**: Use testimonial images from `/marketing/` folder
|
|
5. **Press/As Seen In**: Use partner logos from `/brand/` folder
|
|
|
|
---
|
|
|
|
## 📊 TOTAL ASSETS MIGRATED
|
|
|
|
| Category | Count | Folder |
|
|
|----------|-------|--------|
|
|
| Brand/Logos | 35 | `/brand/` |
|
|
| Products | 9 | `/products/` |
|
|
| Before/After | 65 | `/marketing/` |
|
|
| Testimonials | 67 | `/marketing/` |
|
|
| Content | 25 | `/content/` |
|
|
| **TOTAL** | **201** | - |
|