Setup Guide: Collections
There are 3 basic steps to set up Custom Fields for Collections.
- Create a Field or Widget
- Enter some content for your new Field or Widget
- (Optionally) Display it.
Let's walk through the process.
Create a Field or Widget
From the left sidebar, click on Collections then choose + Add Field or + Add Widget
Choose your Field or Widget type
Label the Feld or Widget
Advanced users may customize the key and namespace during this step. Note, widgets to not support custom namespaces.
Choose basic options
Some fields have basic field settings included during this step. For example, a multiple select list would allow you to enter the selection options here. You can always change these settings or access additional settings from the Configure Fields page.
Locate some content to edit
In the left sidebar, click on Search under Collections.
Next, locate a collection you want to work with on the list. Click on Edit Custom Fields for that page.
Enter some content & save
Your chosen Field or Widget will have its own content entry requirements depending on what you're working with.
Decide which display method fits your needs
Custom Fields has 3 options for displaying your content.
- Display via Shopify's Theme Editor in a "Section" (we call this the "Full Width Area").
- Automatically display in the content area (we call this the "Inner Area").
- Manual Installation. Refer to our Developer Guide for more details.
Let's explore all these options. If you want to keep the content hidden for back-office purposes, you can simply stop here.
Our first two options start from the Display Fields menu.
Display Option 1: Full-Width Area
This area is ideal for displaying Widgets.
From within the Display section of the app, change the dropdown here to read "Full Width Area". You may also wish to change the theme you're testing on.
Enable Fields or Widgets for use in the Theme Editor
Only enabled fields will be available for use in the Theme Editor.
Save the settings
Open the theme editor
Finally, we need to place the Field or Widget in the Theme Editor. Click on the Open Theme Editor link to open the theme editor and place the widget on the collection page.
Place your new Widget or Field
Locate the Custom Fields option in the sidebar.
Place the Field or Widget
By default, the app will position its output below the product description, spanning the entire page from left to right. Your developer may move the output of the section if you'd like it output in a different area.
Be sure to Publish your changes to save your changes.
Inspect your Work
Navigate to the product you added content to for this Field or Widget in your store.