diff --git a/templates/paragraphs/paragraph--uw-para-sph-header-image.html.twig b/templates/paragraphs/paragraph--uw-para-sph-header-image.html.twig new file mode 100644 index 0000000000000000000000000000000000000000..80f9956a86ce0bfc844b607670e6e24b2d27e236 --- /dev/null +++ b/templates/paragraphs/paragraph--uw-para-sph-header-image.html.twig @@ -0,0 +1,48 @@ +{# +/** + * @file + * Default theme implementation to display a paragraph. + * + * Available variables: + * - paragraph: Full paragraph entity. + * - id: The paragraph ID. + * - bundle: The type of the paragraph, for example, "image" or "text". + * - authorid: The user ID of the paragraph author. + * - createdtime: Formatted creation date. Preprocess functions can + * reformat it by calling format_date() with the desired parameters on + * $variables['paragraph']->getCreatedTime(). + * - content: All paragraph items. Use {{ content }} to print them all, + * or print a subset such as {{ content.field_example }}. Use + * {{ content|without('field_example') }} to temporarily suppress the printing + * of a given child element. + * - sources: The attributes of the <source> tags for this <picture> tag. + * - img_element: The controlling image, with the fallback image in srcset. + * - output_image_tag: Whether or not to output an <img> tag instead of a + * <picture> tag. + * - attributes: HTML attributes for the containing element. + * The attributes.class element may contain one or more of the following + * classes: + * - paragraphs: The current template type (also known as a "theming hook"). + * - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an + * "Image" it would result in "paragraphs--type--image". Note that the machine + * name will often be in a short form of the human readable label. + * - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a + * preview would result in: "paragraphs--view-mode--preview", and + * default: "paragraphs--view-mode--default". + * - view_mode: View mode; for example, "preview" or "full". + * - logged_in: Flag for authenticated user status. Will be true when the + * current user is a logged-in member. + * - is_admin: Flag for admin user status. Will be true when the current user + * is an administrator. + * + * @see template_preprocess_paragraph() + * + * @ingroup themeable + */ +#} +{% include "@organisms/single-page/header-image/header-image.twig" with { + "sources": sources, + "output_image_tag": output_image_tag, + "img_element": img_element['#uri'], + "alt": alt +} %} diff --git a/uw_fdsu_theme_resp.theme b/uw_fdsu_theme_resp.theme index 62b4c2812fcb4829681e509249d9fc660cc29add..3ecc51695116b1aedfc7fe823055e94119cd614d 100644 --- a/uw_fdsu_theme_resp.theme +++ b/uw_fdsu_theme_resp.theme @@ -42,6 +42,12 @@ function uw_fdsu_theme_resp_preprocess_paragraph(&$variables) { // Set the responsive image variables. _uw_fdsu_theme_resp_add_responsive_image_variables($variables, 'field_uw_marketing_image', 'uw_resp_is_marketing_item'); + break; + + case "uw_para_sph_header_image": + + _uw_fdsu_theme_resp_add_responsive_image_variables($variables, 'field_uw_sph_header_image', 'uw_resp_is_sph_header_image'); + break; } }