Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Summary

Excerpt

To build the preview of a virtual item you can use various formatting options and use field values as headings and normal text. The styling from Picturepark will be applied except when you add additional CSS styles. 

Code Block
languagejson
<h1>{{data.

...

pressKit.name | translate}}</h1>

<h2>
	{% if data.

...

pressKit.subline %}
		{{data.

...

pressKit.subline | translate}}
	{% endif %}
<h2>

<h3>
	{% if data.

...

pressKit.intro %}
		{{data.

...

pressKit.intro | translate}}
	{% endif %}
<h3>

<h4>
	{% if data.

...

pressKit.summary %}
		{{data.

...

pressKit.summary | translate}}
	{% endif %}
<h4>

<p>
{% if data.

...

pressKit.description %}
	{{data.

...

pressKit.description | translate}}
{% endif %}
<p>

Use Case

Virtual Items, like Press Kits, are only text values (maybe some links to other content items), so there is no rendering. You can define the thumbnail and may want to use the values from the virtual item fields.

  1. Open Virtual Types

  2. Open settings of Virtual Type > Press Kit

  3. Open Display Pattern “Thumbnail”

  4. Construct your thumbnail preview from the values.