Check your version

This video covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Display Suite: Utilize Field Templates

Video loading...

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:04
    In this lesson, we'll take a closer look at the field templates interface
  • 0:08
    in Display Suite. We'll look at how to enable field templates, and then we'll walk through
  • 0:12
    how the markup output changes and may be customized using each template.
  • 0:17
    I'll also demonstrate how CSS classes may be applied
  • 0:21
    to various components of field output using the Expert template.
  • 0:25
    So we've taken a look at how to customize the wrappers.
  • 0:29
    Now let's take a look at how to customize the markup for the fields themselves.
  • 0:34
    So we're talking about this markup here with the div,
  • 0:37
    and this is surrounding the field value,
  • 0:41
    and in this case that's an image tag. So let's take a look at the options

Markup in Drupal

Loading ...

Display Suite: Utilize Field Templates

Loading...
7 minutes 13 seconds // Drupal 7 // HDCC //

In this tutorial, I'll give you a tour of the field templates interface in Display Suite. I'll show you how to enable Display Suite field templates and walk you through how to customize the markup for each type of field template. I’ll also demonstrate how CSS classes can be applied to various components of field output using the Display Suite's "Expert" field template.

Downloads: 
Log in or sign up to download companion files.
Additional resources: 

Display Suite — Drupal.org