Product Detail Page

The Product Detail Page (PDP) is a mobile-first master data editor for every field on a product. It organises all fields into 11 collapsible sections — tap any section header to expand it, fill in the fields, and tap Save. You can also toggle the product between Active and Draft, add images straight from your camera, and manage custom attributes for any extra data that does not fit the standard fields.

stepByStep

Open the Product Detail Page

From the Catalog, tap any product row or card. The PDP opens with a collapsible section list. Each section header shows the section name and a chevron icon — tap a header to expand or collapse it.

Add screenshot — pdp-open

Jump to a section quickly

Tap the "Jump to section" dropdown at the top of the page to see all 11 section names. Select one to scroll directly to that section. Sections: Identification, Descriptions, Pricing, Inventory, Dimensions, Channels, Media, SEO, Tracking, Other, Custom Attributes.

Add screenshot — pdp-quick-jump

Edit product fields

Expand the relevant section and tap any field to edit it. Fields include: name, brand, SKU, category, sub-category, tags, barcode, short description, full description, price, MRP, currency, quantity, reorder level, weight, dimensions, HSN code, tax rate, marketplace channel flags, SEO title, SEO description, meta keywords, and more. Changes are held in memory until you tap Save.

Add screenshot — pdp-edit-fields

Toggle Active / Draft status

Near the top of the page, find the Active/Draft toggle. Tap it to switch between Draft (not visible in POS or share links — safe for work in progress) and Active (live in POS, brand portal, and WhatsApp share). You can also save a Draft first and activate it later.

Add screenshot — pdp-active-draft

Add an image from your camera

Scroll to the Media section and tap the Camera button. Your device's back camera opens. Take the photo and tap Use. An Image Position Picker modal appears — choose which slot to assign the photo to: Main Image, Image 1, Image 2, … Image 10. The image is uploaded to GCS and a product asset record is created automatically.

Add screenshot — pdp-camera-capture

Assign an image to a slot (position picker)

After a camera capture or when reassigning an existing image, the Image Position Picker modal shows a grid of available slots: Main, Img 1 through Img 10. Tap the slot you want this image to appear in. The main slot is used as the product thumbnail everywhere in the app.

Add screenshot — pdp-position-picker

Manage custom attributes

Expand the Custom Attributes section at the bottom of the page. Tap "Add attribute" to create a new key-value pair (e.g. key: "Fabric GSM", value: "240"). These are stored in the rawProductData JSONB field and appear in exports and enrichment prompts. To remove an attribute, tap the X next to it.

Add screenshot — pdp-custom-attributes

Save your changes

A floating Save button appears at the bottom of the screen once you make any change. Tap it to send a PATCH request to /api/catalog/:id with all modified fields. A success toast confirms the save. If validation fails (e.g. price is not a number), an error toast shows the specific field to fix.

Add screenshot — pdp-save

proTips

•Fill in SKU, brand, and category first — these are used by AI enrichment to generate the most accurate marketplace listings.

•Keep the product in Draft status while you are uploading images and filling fields. Switch to Active only when the listing is complete.

•The quick-jump dropdown is especially useful on mobile where scrolling through all 11 sections is slow.

•Custom attributes are a good place to store trade-specific data like "Fabric GSM", "Finish type", or "Certifications". The AI enrichment pipeline reads these during listing generation.

•If you add an image via camera but pick the wrong slot, open the Media section and reassign — tap the image thumbnail and choose a different slot.

•The floating Save button shows a count of unsaved changes. Tap it before navigating away — unsaved changes are lost on navigation.

frequentlyAskedQuestions

allHelpTopics

stillNeedHelp contactSupport