Section one
Before you start
Sign in at sparo.in/wp-admin with the username and password you were given. Two menus matter:
- Products — everything you sell: items, photos, sizes, colours, stock.
- WooCommerce — everything customers do: orders, payments, shipping, reports.
Never make changes under Appearance → Editor. The shop's design lives in the theme's code; edits made there quietly override it and can break the layout across the whole site. Everything in this manual is done from Products and WooCommerce — those are always safe.
Every product needs at least four photographs: one main image plus three or more gallery images. With fewer, the photo slider on the product page misbehaves. Four is also simply the minimum that sells leather well — the whole piece, the grain, the hardware, and one in use.
Section two
Adding a new product
Footwear and belts are built exactly the same way. The only differences are the category you tick and the sizes you choose. Start at Products → Add New.
Name it
Existing products follow a house pattern — The Milano Lace-Up, The Firenze Italian Grain Belt. Keeping to it makes the shop read as one collection.
Write the description
The large editor is the full description shown in the Description tab lower down the product page. Two or three sentences on the design, the leather and the making.
Write the short description
Scroll to the Product short description box below the editor. This appears beside the photographs, next to the price — keep it to the specification. Use the bold button for the word
SPECIFICATIONand the bulleted-list button for the points beneath; the theme styles them automatically.SPECIFICATION • Full-grain leather • Brushed nickel buckle • 35 mm width • FormalAdd the photographs
In the right-hand column, set the Product image (the main one, used on the shop grid) and then Product gallery for the rest. Remember: four photographs minimum in total.
Choose the category
In Product categories, tick either Footwear or Belts — never “Uncategorized”. The category decides which shop page it appears on, and which homepage row it can feature in.
Set the product type to Variable
In the Product data panel, change the dropdown from “Simple product” to Variable product. This is what allows one product to hold several sizes, each with its own stock.
Add Size and Colour
Open the Attributes tab. From the “Add existing” dropdown choose Size, then click the values box and select every size this product comes in. Tick Used for variations. Repeat for Colour, selecting the colour (or colours) it comes in, and tick Used for variations again. Click Save attributes.
Which sizesFootwear uses UK 6 / US 7 through UK 11 / US 12. Belts use waist inches, 32 to 42. If a product has no sizes at all, simply don't add the Size attribute — the size buttons won't appear.
Generate the variations
Open the Variations tab and click Generate variations. Woo creates one row for every size-and-colour combination — six sizes in one colour makes six rows; six sizes in two colours makes twelve.
Price them all at once
Still in the Variations tab, open the bulk-actions dropdown and choose Set regular prices. Enter the price once and it applies to every row. Do the same with Toggle “Manage stock” so each row tracks its own quantity.
Set stock, size by size
Click a variation row to expand it and type its Stock quantity — this is the real count of pairs or belts you hold in that exact size and colour. Give each row its own SKU while you're there (see the reference table for the pattern). Then Save changes.
Publish
Click Publish. The product is live on the shop page immediately. To put it on the homepage as well, see section seven.
If the new item is close to an existing one, open Products, hover the row and click Duplicate. You get a copy — sizes, colours and structure intact — as a draft. Change the name, photographs, prices and stock, then publish. Far quicker than starting empty.
Section three
Stock per size
Every size-and-colour combination carries its own count. Black in UK 8 can hold four pairs while Tan in UK 8 holds ten; they sell down independently, and the shop keeps track as orders come in.
Changing a quantity
Open the product, go to Variations, expand the row, and edit Stock quantity. Save changes. That's it — the product page updates at once.
What customers see
| Quantity | On the product page |
|---|---|
| 3 or more | Size selectable, no message |
| 1 – 2 | “Only 2 left in stock” beneath the size buttons |
| 0 | Size shown struck through; still clickable, but marked Out of stock and Add to Cart is greyed out |
When a new production run arrives, use the Variations bulk action Set stock quantities to apply one figure to every size, then adjust the odd size individually. Quicker than editing each row.
Section four
Adding a new colour
Colours are shared across the shop, so you create one once and then use it on any product. Each colour also carries the little round swatch shoppers tap on the product page — and you set that colour yourself.
Open the colour list
Go to Products → Attributes, find Colour in the table, and click Configure terms beside it.
Name the colour
In the “Add new Colour” form, type the name as customers should read it — Navy, Oxblood, Chestnut.
Put the swatch colour in the Description field
This is the important part. In the Description box, paste the colour's hex code and nothing else — for example
#22304afor navy. That value becomes the swatch dot on the product page.For a two-tone leather such as a reversible belt, paste a gradient instead:
linear-gradient(135deg, #1c1713 50%, #6b4a33 50%)Add it, then use it
Click Add new Colour. The colour is now available on every product — select it in the product's Attributes tab and generate variations as usual.
The colour still works — it simply shows a plain grey-brown dot instead of the real shade. Adding the hex takes five seconds and is what keeps the swatches honest. You can add it later by editing the colour.
Existing colours and their codes are listed in the reference at the end.
Section five
Adding a new size
Same place, simpler: Products → Attributes → Size → Configure terms. Type the size exactly as it should appear on the button and click Add new Size.
- Footwear — follow the existing pattern with both scales:
UK 12 / US 13. - Belts — waist inches only:
44.
Adding a size here doesn't change any product on its own. To offer it, open the product, tick the new size in the Attributes tab, save, then generate variations and give the new row its price and stock.
Section six
Photographs
What to supply
- Four or more per product — one main image plus three gallery images.
- At least 900 pixels wide, ideally taller than wide. The shop grid crops to a 4:5 portrait, so leave a little room around the product rather than filling the frame edge to edge.
- Consistent backgrounds across a product's set — the gallery reads as one piece of work.
Different photographs per colour
When a style comes in more than one colour, each colour can show its own set of photographs — tap the black swatch and the whole gallery becomes the black shoe.
Open the product, go to Variations, expand a variation of that colour, and use Add Gallery Images to select that colour's photographs. Repeat for the other colour. Leave a variation empty and it simply shows the product's normal gallery.
A per-colour gallery also needs four or more images, for the same slider reason.
Section seven
The homepage
Two rows on the homepage show products: Signatures of the house (footwear) and The belt wardrobe (belts). What appears in them is entirely up to you, controlled by one click.
Go to the product list
Open Products. The right-hand column of the table has a star for each product.
Click the star
A filled star means featured — the product now appears on the homepage. Click again to remove it. No saving, no publishing; the change is instant.
The product's category decides which row it lands in: featured footwear goes to Signatures of the house, featured belts to The belt wardrobe. There's no limit — star three and you get three, star eight and they fill onto a second line at the same size.
If no products in a category are starred, that homepage row appears empty. Keep at least three featured in each — footwear and belts — so both rows always look deliberate.
Section eight
Sales & pricing
Prices live on the variations, not the product, so a sale is set per size — or across all sizes at once with a bulk action.
Putting an item on sale
Open the product → Variations → bulk actions → Set sale prices. Enter the sale price and it applies to every size. The product then shows the original price struck through beside the new one, and a Sale badge appears on its photograph in the shop.
Ending a sale
Same bulk action, leave the field empty, or clear the sale price on individual variations. You can also schedule dates: expand a variation, click Schedule beside the sale price, and set a start and end date.
Enter numbers only — 2495, not ₹2,495. The shop adds the symbol and formatting.
Section nine
Orders
Every order lands in WooCommerce → Orders. Click one to see the customer, their address, the exact sizes ordered, and the payment method.
The usual flow
| Status | Meaning | You do |
|---|---|---|
| Processing | Order placed, payment pending or on delivery | Pack and dispatch |
| Completed | Delivered and paid | Mark it, and the customer is emailed |
| Cancelled | Order withdrawn | Stock returns automatically |
| Refunded | Money returned | Record it against the order |
Stock is deducted the moment an order is placed and restored if it's cancelled — you never adjust quantities by hand for a sale.
The shop accepts Cash on Delivery and online payment through Razorpay (cards, UPI, netbanking, wallets). Customers choose at checkout. Razorpay's own dashboard shows settlements into your bank account.
Section ten
Page text
The wording on Our Story, Contact, Refunds & Returns and Privacy Policy is yours to edit. Go to Pages, open the one you want, change the words, and click Update.
Edit the text inside the existing paragraphs and headings rather than rebuilding the layout — the spacing, the rules and the small-caps labels are all styled for you and will keep working as long as the structure stays.
The refunds, returns and privacy wording was written as a sensible starting point — thirty-day returns, refunds by bank transfer in five to seven working days. Have someone confirm it matches how the business actually operates before relying on it.
Section eleven
What not to touch
Everything in this manual is safe and reversible. These are the areas that aren't — each one can change the whole site at once.
Appearance → Editor
The site's design. Edits here override the theme's code and are difficult to undo.
Plugins
Four are installed and each does a job. Deactivating one removes payments, galleries or backups.
Settings → Permalinks
Changes every product and page address, breaking saved links and search results.
WooCommerce → Settings
Currency, tax, shipping zones and payment keys. Ask before changing.
Call your developer when
- You want a new section, page layout or design change.
- A new product category is needed beyond Footwear and Belts.
- Something looks broken after an update.
- You're moving the shop, changing domain, or adding a payment method.
Section twelve
Reference
Colours in use
| Colour | Swatch code (Description field) |
|---|---|
| Black | #1c1713 |
| Tan | #b0703c |
| Brown | #5d4029 |
| Burgundy | #5e2b28 |
| Black/Brown | linear-gradient(135deg, #1c1713 50%, #6b4a33 50%) |
Sizes in use
| Category | Sizes |
|---|---|
| Footwear | UK 6 / US 7 · UK 7 / US 8 · UK 8 / US 9 · UK 9 / US 10 · UK 10 / US 11 · UK 11 / US 12 |
| Belts | 32 · 34 · 36 · 38 · 40 · 42 (waist inches) |
Product codes
Products carry a code, and each size gets the same code with its size appended. Follow the pattern when adding new items:
| Level | Example |
|---|---|
| Product | SP-TGSKP02 |
| Footwear variation | SP-TGSKP02-UK8 |
| Belt variation | SP-TGB10149-36 |
At a glance
| Setting | Value |
|---|---|
| Categories | Footwear, Belts |
| Product type for anything with sizes | Variable product |
| Minimum photographs | 4 (1 main + 3 gallery) |
| Shop grid crop | 4:5 portrait, 600 px |
| “Only … left” warning appears at | 2 or fewer |
| Payments | Cash on Delivery, Razorpay |