Skip to main content

Styling Wardrobe Page

An introduction & Overview of the components and actions in the Styling Wardrobe screen in Gamma, the Creative Force web app.

The Props & Styling Wardrobe page is your centralized hub for interacting with your Styling Items. Organize, review, and action all your non-production items.


Introduction

A Styling Item is a physical piece the studio uses to shoot a look but doesn't sell or create final assets for. Think of the belt, shoes, or prop shot next to the light blue T-shirt. The studio keeps them in the Props & Styling Wardrobe so everyone can see what's available and track them more generally.

Styling Items

Styling Items are a different sub-type of Samples. Outside of the Wardrobe page, they can be differentiated by the hanger icon next to where it appears in the list.

Styling Items can be created in a few ways depending on the data you have and where you are in the web application.

Edit Sample

On the Sample Page, go to an existing Sample. From the 'Edit' menu, change it from a 'Production' to a 'Styling' type sample.

Manual

From the Product Hub Page, go to the Variant subtab on the record slide-out, select 'Create Sample' → Then, choose the Styling type before saving.

Import

Use the dedicated 'Import' option on the top right of the screen to bulk import Styling Items from a spreadsheet.

However they are created, once a Sample has been marked as a Styling Item they will filter in as an item on the Props & Wardrobe Page.

Screen Layout

For the purpose of introducing and covering the different elements on the Props & Wardrobe Page, we will break them down into different groupings. In the Map below, each grouping is indicated by a color, and in the table, we'll describe each.

To go directly to a more in-depth explanation of the section and what's available, use the 'Learn more' link in its corresponding section of the table.

Section Name

Description

Filter & Display

Contains display and filter settings for the Item List.

Item List

All matching results to your currently applied filters, with visible values relevant to column selections applied.

Slide-Out Menu

An information/action hub specific to your currently selected item from the list.

Action Buttons

A set of multi-use buttons that can apply specific actions to your currently selected items or the page in general.

Filter & Display

The top-left section of the UI controls aspects of how the page appears, as well as which Styling Items appear in the Item list.

Section Name

Description

View List

Select between any saved views, views that have been shared with you, or the default view.

View Action

Apply actions to the currently selected View, such as Save or Discard any changes.

Applied Filter

Shows all groupings of currently applied filters. Hover and select 'x' to remove an applied filter.

Filter Menu

The filter icon can be selected to browse and then apply filters related to various properties. Multiple properties can be applied at once for very specific searches.

Search Bar

Use the Freetext Search box to type in specific values and search for matching results.

Display Settings

Select the Display Settings Icon to control the thumbnail size for Display Images.

Column Settings

Change the order of columns and enable or disable columns for specific properties in the Product List.

Item List

The Product List is the core working area of the Prop Page– the grid where your Styling Items come to life. Each row represents a single product, and each column surfaces a specific attribute or piece of data about it. Together, rows and columns form a living matrix: the columns you choose and the filters you apply determine exactly which items appear and what information is shown about them.

Component

Description

Column

A column of data associated with a property. Columns can be turned on and off and reordered in the Column Display Settings.

Row

A single Styling Item is represented as a row. Manually select the row with your mouse by clicking anywhere in the green area to bring up the Slide-Out Menu.

Selection Grid

Besides manual mouse selection of a row, you can use selection options to apply actions from the Action Button.

Select Column

The "Select All" option. Check the box to multi-select all currently listed Product Requests.

Select Row

The "Select One" option. Check the box to select just a single row. Select multiple individual rows to stack.

Actions

Action Button

The Actions button towards the top right of the page allows you to apply the same functions to many Product records at once, or to just one item. After having made a bulk, multi, or single selection through one of the processes above, click 'Action' to view the menu of available actions to be applied.

Action

Selections

Function

Display Image

Bulk 🚫

Single ✅

Open the Display Image menu to select between completed assets from Production or upload a new asset for use as the Display Image.

Event Log

Bulk 🚫

Single ✅

Access the event logs to view an itemized history of actions taken.

Export CSV

Bulk ✅

Single ✅

Generate and export a CSV File containing all of the filtered data displayed on the page for your selections.

The maximum number of selectable items to export is 10,000. If you select more than that, the Export CSV option will be greyed out.

Print Sample Labels

Bulk ✅

Single ✅

Opens the layout select and then system print confirmation to print labels for the associated items.

Archive Styling Items

Bulk ✅

Single ✅

A soft, non-destructive option. The styling item stops counting toward the variant's available samples, and outfit statuses are recalculated.

Delete Styling Items

Bulk ✅

Single ✅

Deletes all records of the Styling Item.

Import Button

The import button allows you to directly import new Styling Items from a spreadsheet saved on your local device. Map a column to Product Code, and the related rows of items will be processed into the system as Styling Items.

💭 For a more in-depth explanation of importing Styling Items from a file, please see our dedicated article on the subject here.

Scan Button

By selecting the 'Scan' button in any of these views, you will be asked to verify the scope of the scan and then be brought to the Scan Flow screen. All of the relevant selected items will be loaded into the 'To-Do' list. From here, you can adjust the Scan Flow to initiate complex sequences of actions.

💭 For a more in-depth explanation of Scan Flows, please see our dedicated article on the subject here.

Slide-Out Menu

The Slide-Out Menu is the styling item detail panel on the Wardrobe page. It opens from the right edge of the screen when you select a product in the Item List, and stays anchored there so the list remains visible behind it. While the List shows many Styling Items at once, the Slide-Out Menu focuses on one in greater detail.

Menu Tabs

The panel is organized into three tabs: Overview, Styling, & Samples.

Tab

Description

Overview Tab

The Overview tab is the default view when the panel opens. It shows the item's core identifying details, such as name, display image, related Outfits, and their status– giving you a quick snapshot of the styling item overall.

Styling Tab

The Styling tab shows every outfit that the Styling Item is a component in. Use it to review a style's full outfit coverage in one place. For a full explanation, see the article here.

Samples Tab

The Samples tab lists every physical sample linked to the prop/styling item you clicked, one card per sample.

3-Dot Menu

From the 3-dot menu on the Slide-Out Menu, you can initiate certain actions specific to the Styling Item directly. These options are the same as outlined in the Actions section we covered earlier in this article.

Did this answer your question?