How to change displayStyle and Image for one Stage of my Product selection flow?

Changing displayStyle

STEP 1: UPDATING DISPLAYSTYLE

Find all the product rows in the OC Product Sheet that appear in that screen

Look for the property “displayStyle” and change ALL of the product rows in the same property from “listWithThumbnail” to “swipe”.  Make sure the capitalizations are exactly as written.

STEP 2: IF YOU NEED TO CHANGE THE IMAGE

Go to the OC dashboard and directly upload your new images, taking note of the filenames.

Go back to the OC Product Sheet and in the same subcat columns, update the filename of the image to the new image file you just uploaded.

Then get your PM to import this new worksheet into OC to effect the changes.

 

! PRO TIP –  We understand it is all very satisfying to see your changes take immediate effect on the App.  And you might need to do some trial and error and check on the app to see how your changes look and feels.

If you want to do this, then sure, you can directly edit the attributes in the Admin Dashboard for each individual product.  Then make sure to save it (top right corner).

Once you are satisfied all the changes you have made (and checked) are good, make sure to repeat the same changes to the JSON in the respective columns of your OC Product Sheet, else, the next time your PM imports the sheet, it will over-write all your dashboard changes!

How to do this via the Dashboard directly?

  1. Go to Catalog–>Products
  2. Look for ALL the products on that screen that you want to make changed.
  3. CTRL+Click on each one (to open it in Edit mode on a new browser tab)
  4. Go to the “Attributes” tab
  5. Look for the right subcat to edit
  6. Change the displayStyle, and if you needed, the filename of the image
  7. Repeat this for ALL the product tabs that you have opened in Step 3
  8. Save each one after editing (top right corner)

How to define the user-journey for selecting a product and its type and sizes

Similar to what is typically called the Information-Architecture or Product Hierarchy on a website. Learn how to use the multiple subcats available to set up products on your white-label app.