field--juicebox-relative-width.html.twig in Juicebox HTML5 Responsive Image Galleries 8.3

Theme implementation for a field that contains a relative-width Juicebox gallery.

Available variables:

• attributes: HTML attributes for the containing element.
• label_hidden: Whether to show the field label or not.
• title_attributes: HTML attributes for the title.
• label: The label for the field.
• multiple: TRUE if a field can contain multiple items.
• items: List of all the field items. Each item contains:
  • attributes: List of HTML attributes for each item.
  • content: The field item's content.
• entity_type: The entity type to which the field belongs.
• field_name: The name of the field.
• field_type: The type of the field.
• label_display: The display settings for the label.

See also

juicebox_theme_suggestions_field_alter()

File

templates/field--juicebox-relative-width.html.twig

{#
/**
 * @file
 * Theme implementation for a field that contains a relative-width Juicebox
 * gallery.
 *
 * Available variables:
 * - attributes: HTML attributes for the containing element.
 * - label_hidden: Whether to show the field label or not.
 * - title_attributes: HTML attributes for the title.
 * - label: The label for the field.
 * - multiple: TRUE if a field can contain multiple items.
 * - items: List of all the field items. Each item contains:
 *   - attributes: List of HTML attributes for each item.
 *   - content: The field item's content.
 * - entity_type: The entity type to which the field belongs.
 * - field_name: The name of the field.
 * - field_type: The type of the field.
 * - label_display: The display settings for the label.
 *
 * @see juicebox_theme_suggestions_field_alter()
 *
 * @ingroup themeable
 */
#}

{% if label_hidden %}
  {% for item in items %}
    <div{{ attributes }}>{{ item.content }}</div>
  {% endfor %}
{% else %}
  <div{{ attributes }}>
    <div{{ title_attributes }}>{{ label }}</div>
    {% for item in items %}
      <div{{ item.attributes }}>{{ item.content }}</div>
    {% endfor %}
  </div>
{% endif %}