project modules: term-content-top.heading-tags

Available Variants

heading-tags prototype

Kitchen Appliances

We’ve spent hundreds of hours researching appliances, interviewing experts, poring over owner reviews, and testing appliances both large and small—many over the course of several years—to find the best appliances for your kitchen and home. From dishwashers and refrigerators to vacuums and steam cleaners, our experts pick out the right appliances for all kinds of living situations, to help keep your chores short and sweet.
term-content-top README

Renders a styled term content area. Usage is associated with pmc/term-content plugin. A heading-tags variable is available to render an alternate layout that features a tag list with thumbnails.

term-content-top Twig The markup file.
<div class="term-content-top // {{ term_content_top_classes }}">
	{% if o_figure %}
		{% include "@project/objects/o-figure/o-figure.twig" with o_figure %}
	{% endif %}
	<div class="term-content-detail // {{ term_content_secondary_classes }}">
		{% if article_title %}
			{% include "@project/modules/article-title/article-title.twig" with article_title %}
		{% endif %}
		{% if fact_list_menu %}
			{% include "@project/modules/fact-list-menu/fact-list-menu.twig" with fact_list_menu %}
		{% endif %}
		{% if article_excerpt %}
			{% include "@project/modules/article-excerpt/article-excerpt.twig" with article_excerpt %}
		{% endif %}
	</div>
	{% if tag_list %}
		{% include "@project/modules/tag-list/tag-list.twig" with tag_list %}
	{% endif %}
	{% if fact_list %}
		{% include "@project/modules/fact-list/fact-list.twig" with fact_list %}
	{% endif %}
</div>
term-content-top.heading-tags JSON The data object for this pattern.
{
	"article_excerpt": {
		"article_excerpt_classes": "",
		"article_excerpt_markup": "We’ve spent hundreds of hours researching appliances, interviewing experts, poring over owner reviews, and testing appliances both large and small—many over the course of several years—to find the best appliances for your kitchen and home. From dishwashers and refrigerators to vacuums and steam cleaners, our experts pick out the right appliances for all kinds of living situations, to help keep your chores short and sweet."
	},
	"article_title": {
		"article_title_classes": "lrv-u-font-family-primary lrv-u-font-size-32 lrv-u-font-size-46@tablet lrv-u-line-height-small lrv-u-margin-b-00 lrv-u-padding-tb-075@tablet",
		"article_title_markup": "Kitchen Appliances",
		"c_tagline": {
			"c_tagline_classes": "lrv-u-font-family-secondary lrv-u-font-size-18@mobile-max lrv-u-font-size-28 lrv-u-margin-b-1 lrv-u-margin-t-00",
			"c_tagline_text": "The best products for your kitchen"
		}
	},
	"fact_list_menu": "",
	"fact_list": "",
	"o_figure": "",
	"term_content_top_classes": "lrv-u-margin-t-1 lrv-a-term-content-grid",
	"term_content_secondary_classes": "lrv-a-term-content-grid__secondary",
	"tag_list": {
		"tag_list_classes": "lrv-a-cols2 lrv-a-cols1@tablet lrv-a-cols3@desktop lrv-a-grid lrv-a-unstyle-list",
		"tag_list_term_item_classes": "lrv-u-margin-lr-auto lrv-u-width-150 lrv-u-max-width-100p",
		"tag_list_term_classes": "lrv-u-align-items-center lrv-u-flex-direction-column lrv-u-flex-wrap-wrap lrv-u-flex",
		"tag_list_terms": [
			{
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "a-truncate-ellipsis lrv-u-color-brand-secondary-dark lrv-u-display-block lrv-u-font-family-basic lrv-u-font-size-13 lrv-u-text-align-center lrv-u-text-transform-uppercase",
					"c_span_text": "Music",
					"c_span_url": "#test-link-1",
					"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
				},
				"o_figure": {
					"o_figure_classes": "lrv-u-margin-b-050",
					"c_lazy_image": {
						"c_lazy_image_classes": "lrv-u-margin-lr-auto",
						"c_lazy_image_link_url": false,
						"c_lazy_image_link_classes": "lrv-a-unstyle-link",
						"c_lazy_image_crop_class": "lrv-a-crop-1x1",
						"c_lazy_image_crop_style_attr": false,
						"c_lazy_image_link_tab_index_attr": false,
						"c_lazy_image_alt_attr": "Lazy loaded image",
						"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
						"c_lazy_image_placeholder_url": "https://source.unsplash.com/random/200x200/#0",
						"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
						"c_lazy_image_sizes_attr": "auto",
						"c_lazy_image_img_classes": "lrv-u-background-color-grey-light lrv-u-border-radius-50p lrv-u-display-block lrv-u-height-auto",
						"c_lazy_image_height_attr": "",
						"c_lazy_image_width_attr": "",
						"c_lazy_image_in_initial_viewport": false,
						"c_lazy_image_decoding_attr": "async"
					}
				}
			},
			{
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "a-truncate-ellipsis lrv-u-color-brand-secondary-dark lrv-u-display-block lrv-u-font-family-basic lrv-u-font-size-13 lrv-u-text-align-center lrv-u-text-transform-uppercase",
					"c_span_text": "Software Development",
					"c_span_url": "#test-link-2",
					"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
				},
				"o_figure": {
					"o_figure_classes": "lrv-u-margin-b-050",
					"c_lazy_image": {
						"c_lazy_image_classes": "lrv-u-margin-lr-auto",
						"c_lazy_image_link_url": false,
						"c_lazy_image_link_classes": "lrv-a-unstyle-link",
						"c_lazy_image_crop_class": "lrv-a-crop-1x1",
						"c_lazy_image_crop_style_attr": false,
						"c_lazy_image_link_tab_index_attr": false,
						"c_lazy_image_alt_attr": "Lazy loaded image",
						"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
						"c_lazy_image_placeholder_url": "https://source.unsplash.com/random/200x200/#1",
						"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
						"c_lazy_image_sizes_attr": "auto",
						"c_lazy_image_img_classes": "lrv-u-background-color-grey-light lrv-u-border-radius-50p lrv-u-display-block lrv-u-height-auto",
						"c_lazy_image_height_attr": "",
						"c_lazy_image_width_attr": "",
						"c_lazy_image_in_initial_viewport": false,
						"c_lazy_image_decoding_attr": "async"
					}
				}
			},
			{
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "a-truncate-ellipsis lrv-u-color-brand-secondary-dark lrv-u-display-block lrv-u-font-family-basic lrv-u-font-size-13 lrv-u-text-align-center lrv-u-text-transform-uppercase",
					"c_span_text": "Data Science",
					"c_span_url": "#test-link-3",
					"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
				},
				"o_figure": {
					"o_figure_classes": "lrv-u-margin-b-050",
					"c_lazy_image": {
						"c_lazy_image_classes": "lrv-u-margin-lr-auto",
						"c_lazy_image_link_url": false,
						"c_lazy_image_link_classes": "lrv-a-unstyle-link",
						"c_lazy_image_crop_class": "lrv-a-crop-1x1",
						"c_lazy_image_crop_style_attr": false,
						"c_lazy_image_link_tab_index_attr": false,
						"c_lazy_image_alt_attr": "Lazy loaded image",
						"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
						"c_lazy_image_placeholder_url": "https://source.unsplash.com/random/200x200/#2",
						"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
						"c_lazy_image_sizes_attr": "auto",
						"c_lazy_image_img_classes": "lrv-u-background-color-grey-light lrv-u-border-radius-50p lrv-u-display-block lrv-u-height-auto",
						"c_lazy_image_height_attr": "",
						"c_lazy_image_width_attr": "",
						"c_lazy_image_in_initial_viewport": false,
						"c_lazy_image_decoding_attr": "async"
					}
				}
			},
			{
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "a-truncate-ellipsis lrv-u-color-brand-secondary-dark lrv-u-display-block lrv-u-font-family-basic lrv-u-font-size-13 lrv-u-text-align-center lrv-u-text-transform-uppercase",
					"c_span_text": "Sustainable Agriculture",
					"c_span_url": "#test-link-4",
					"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
				},
				"o_figure": {
					"o_figure_classes": "lrv-u-margin-b-050",
					"c_lazy_image": {
						"c_lazy_image_classes": "lrv-u-margin-lr-auto",
						"c_lazy_image_link_url": false,
						"c_lazy_image_link_classes": "lrv-a-unstyle-link",
						"c_lazy_image_crop_class": "lrv-a-crop-1x1",
						"c_lazy_image_crop_style_attr": false,
						"c_lazy_image_link_tab_index_attr": false,
						"c_lazy_image_alt_attr": "Lazy loaded image",
						"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
						"c_lazy_image_placeholder_url": "https://source.unsplash.com/random/200x200/#3",
						"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
						"c_lazy_image_sizes_attr": "auto",
						"c_lazy_image_img_classes": "lrv-u-background-color-grey-light lrv-u-border-radius-50p lrv-u-display-block lrv-u-height-auto",
						"c_lazy_image_height_attr": "",
						"c_lazy_image_width_attr": "",
						"c_lazy_image_in_initial_viewport": false,
						"c_lazy_image_decoding_attr": "async"
					}
				}
			},
			{
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "a-truncate-ellipsis lrv-u-color-brand-secondary-dark lrv-u-display-block lrv-u-font-family-basic lrv-u-font-size-13 lrv-u-text-align-center lrv-u-text-transform-uppercase",
					"c_span_text": "Art",
					"c_span_url": "#test-link-5",
					"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
				},
				"o_figure": {
					"o_figure_classes": "lrv-u-margin-b-050",
					"c_lazy_image": {
						"c_lazy_image_classes": "lrv-u-margin-lr-auto",
						"c_lazy_image_link_url": false,
						"c_lazy_image_link_classes": "lrv-a-unstyle-link",
						"c_lazy_image_crop_class": "lrv-a-crop-1x1",
						"c_lazy_image_crop_style_attr": false,
						"c_lazy_image_link_tab_index_attr": false,
						"c_lazy_image_alt_attr": "Lazy loaded image",
						"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
						"c_lazy_image_placeholder_url": "https://source.unsplash.com/random/200x200/#4",
						"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
						"c_lazy_image_sizes_attr": "auto",
						"c_lazy_image_img_classes": "lrv-u-background-color-grey-light lrv-u-border-radius-50p lrv-u-display-block lrv-u-height-auto",
						"c_lazy_image_height_attr": "",
						"c_lazy_image_width_attr": "",
						"c_lazy_image_in_initial_viewport": false,
						"c_lazy_image_decoding_attr": "async"
					}
				}
			},
			{
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "a-truncate-ellipsis lrv-u-color-brand-secondary-dark lrv-u-display-block lrv-u-font-family-basic lrv-u-font-size-13 lrv-u-text-align-center lrv-u-text-transform-uppercase",
					"c_span_text": "Digital Marketing Strategies",
					"c_span_url": "#test-link-6",
					"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
				},
				"o_figure": {
					"o_figure_classes": "lrv-u-margin-b-050",
					"c_lazy_image": {
						"c_lazy_image_classes": "lrv-u-margin-lr-auto",
						"c_lazy_image_link_url": false,
						"c_lazy_image_link_classes": "lrv-a-unstyle-link",
						"c_lazy_image_crop_class": "lrv-a-crop-1x1",
						"c_lazy_image_crop_style_attr": false,
						"c_lazy_image_link_tab_index_attr": false,
						"c_lazy_image_alt_attr": "Lazy loaded image",
						"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
						"c_lazy_image_placeholder_url": "https://source.unsplash.com/random/200x200/#5",
						"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
						"c_lazy_image_sizes_attr": "auto",
						"c_lazy_image_img_classes": "lrv-u-background-color-grey-light lrv-u-border-radius-50p lrv-u-display-block lrv-u-height-auto",
						"c_lazy_image_height_attr": "",
						"c_lazy_image_width_attr": "",
						"c_lazy_image_in_initial_viewport": false,
						"c_lazy_image_decoding_attr": "async"
					}
				}
			}
		]
	}
}