Prints a list of download links to product documents that have been added to the product.

Description

To learn more about product documents, see our user guide.

The example below shows the HTML markup printed by the tag:

<ul class="ProductDocuments">
    <li><a href="/files/documents/catalog.pdf">Lataa esite</a></li>
    <li><a href="/files/documents/manual.pdf">Lataa käyttöohje</a></li>
</ul>

Syntax

{ProductDocuments}

Scope

Required scope: tuote

Individual productthemes/shop/THEME/product.html

Formatting product documents into buttons

The tools included in the Barebones theme enable you to format product document download links into horizontal button menus.

Barebones-teema: product.html
{ProductDocuments(
	before: '<div class="InlineNavigation">',
	after: '</div>'
)}

You can use the Barebones theme's .InlineNavigation class to convert any <ul> list into a horizontal navigation list. Set the class to the list's wrapper element.

Now that you've defined the list's layout, you can proceed to styling the list's links as buttons by using the Barebones theme's SASS tools.

Barebones-teema: styles/scss/_custom.scss
.ProductDocuments {
	li>a {
		@extend .Button;
		@extend .Button-Primary;
	}
}

You can use Barebones's .Button and .Button-Primary classes to format any link as a button.

Attribuutit

after/before:

By using the after and before attributes you can define content that is output either after or before the tag's output.

Allowed values:The HTML and Interface markup

E.g.

  • before: '<p>Tämä merkkaus näkyy ennen tagin omaa sisältöä.</p>'
  • after: '<p>Tämä taas näkyy tagin oman sisällön jälkeen.</p>'

If the tag does not produce any content, neither the content of the after and before attributes will be output.

escape:

Adds an escape character before quotation marks in the output.

The attribute makes it easier to process the tag-produced content when using JavaScript.

Allowed values:true/false. The default value is false.

or:

Defines alternative content that is displayed if the tag itself does not produce any content.

Allowed values:The HTML and Interface markup

E.g. or:'Sisältöä ei löytynyt.'