9.3. Creating a Content List View
Create a page listing vendors that will be automatically updated whenever a vendor is added, deleted, or updated on the site.
- The core Views and Views UI modules must be installed. These are installed for you when you install with the core Standard installation profile.
- The Vendor content type must exist, with URL and Main image fields. Your site must have a couple of Vendor content items. See Bagian 6.1, “Adding a Content Type”, Bagian 6.3, “Adding Basic Fields to a Content Type”, and Bagian 5.2, “Creating a Content Item”.
- The Medium (220x220) image style must be defined. This is created on your site when you install the core Image module (installed with the core Standard installation profile) but can be recreated if deleted. See Bagian 6.13, “Setting Up an Image Style”.
- In the Manage administrative menu, navigate to Structure > Views > Add view (admin/structure/views/add). The Add view wizard appears.
Fill in the fields as shown below.
Field name Explanation Example value View name
Name of the view that will be visible in the administration pages
Vendors
Show
Type of information listed in the view
Content
of type
Specify content type
Vendor
sorted by
List order
Title
Create a page
Create a page that displays the view
Checked
Page title
Title show above the view
Vendors
Path
Address of the page
vendors
Display format
Type of list
Table
Items to display
Number of items visible on the page
10
Use a pager
Split up the list in several pages if there are more items
Checked
Create a menu link
Add the view page to the menu
Checked
Menu
Menu in which to add the link
Main navigation
Link text
Label of the link in the menu
Vendors
- Click Save and edit. The view configuration page appears.
- Click Add from the dropdown button in the Fields section. The Add fields pop-up appears.
- Enter the word "image" in the search field.
- Check Main image in the table.
- Click Apply. The Configure field: Content: Main Image pop-up appears.
Fill in the fields as shown below.
Field name Explanation Example value Create a label
Add a label before the field value
Unchecked
Image style
The format of the image
Medium (220x220)
Link image to
Add a link to the content item
Content
- Click Apply. The view configuration page appears.
- Click Add from the dropdown button in the Fields section. The Add fields pop-up appears.
- Enter the word "body" in the search field.
- Select Body in the table.
- Click Apply. The Configure field: Content: Body pop-up appears.
Fill in the fields as shown below.
Field name Explanation Example value Create a label
Add a label before the field value
Unchecked
Formatter
The presentation of the field value
Summary or trimmed
Trimmed limit:
The number of maximum characters shown
120
- Click Apply. The view configuration page appears.
- Click Content: Title (Title) in the Fields list. The Configure field: Content: Title pop-up appears.
- Uncheck Create a label. This will remove the label that was created by the wizard.
- Click Apply. The view configuration page appears.
- Click Rearrange from the dropdown button in the Fields section. The Rearrange fields pop-up appears.
- Drag the fields into the right order: Image, Title. Body.
- Click Apply. The view configuration page appears.
- Optionally, click Update preview for a preview.
Click Save.
Navigate to the homepage and click Vendors from the main navigation to see the result.
The link to the view in the main navigation will probably not be in the right place. Change the order of the menu items in the main navigation. See Bagian 5.8, “Changing the Order of Navigation”.
Attributions
Written/edited by Boris Doesborg and Jennifer Hodgdon.
Source file: views-create.asciidoc
Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion
