Magazine Article Tutorial

This is the sub title of the article and is shown separated from the rest of the text, as an headline.

This is the text of the article, you can add normal content to an article by typing in the Text field. This tutorial will guide you thru the most common tags that can be used.

Text can be made bold by using the <b> tag.

For example:

Text can be <b>made bold</b>.

It's very important that the ending tag is specified </b> !

Titles can be defined using the header tag like this:

<h1>This is the header #1</h1>

<h2>This is the header #2</h2>

<h3>This is the header #3</h3>

<h4>This is the header #4</h4>

<h5>This is the header #5</h5>

<h6>This is the header #6</h6>

An article can also have a list of entries, this is defined using <ul> tag, inside of which you define one or more list items <li>

A list is useful for bullet points

• first bullet point
• second bullet point
• etcetera

For example:

<ul>



<li>this is the first list item.



you can type multiple lines here</li>



<li>this is he second <b>list item</b></li>



</ul>

An article can support dynamic content; special tags that are then transformed on the webshop.

Attention: The <link> tag is special and does not have to be terminated with </link>

Here are some example links:

Products

This is a link to a single product configured in standard mode, it shows just the product box.



But you can configure it in text mode to have a textual link .010 Electric Guitar String Sets .

A product can also be displayed or as image in the middle of the text.

When configuring a link in Invoca, you can also configure it for multiple products and the can show as a carousel:



Products can also be shown as list:



Or even use a display in grid style:

Separator lines

Put a separator line using <hr/>:

---

Images

It's also possible to add images directly into the article and configure them to be linked to any target at link can point to (excluding images).

Media

It's possible to add media links; this include video and audio.We support YouTube, Vimeo, SoundCloud or mp3 files.



When creating a video link, it's also possible to set a box title.

And the same for a SoundCloud link:

and another:

---

Links

Product links

Product links can be displayed in STANDARD, TEXT, IMAGE modes.

STANDARD

A standard link uses the product box:

TEXT

A TEXT link allows to configure the text in the link, instead of the product name.

This a TEXT link to a product: .010 Electric Guitar String Sets


This a CUSTOM TEXT product link , and being TEXT it displays inlined..

IMAGE

An IMAGE link will display as the product image instead of its text.


This a link to a product

via its image.

GRID

With GRID dipslay mode a grid listing is displayed:

LIST

With LIST display mode a vertical listing is displayed:

CAROUSEL

With CAROUSEL a list of products is displayed in a compact carousel, with horizontal scrolling:

Category links

Category links can be displayed in DEFAULT, IMAGE and in TEXT mode (with a custom text).

DEFAULT

The DEFAULT mode link to a category displayed like this

.

TEXT

For inlining the category link instead the TEXT display mode should be used:

.


With TEXT mode the link text can be controlled: .

IMAGE

The IMAGE will use the category image (used for sub-categories):

Brand links

Brand links can be displayed in DEFAULT, IMAGE and in TEXT mode (with a custom text).

DEFAULT

The DEFAULT mode link to a brand displayed like this

.

TEXT

For inlining the brand link instead the TEXT display mode should be used:

.


With TEXT mode the link text can be controlled: .

IMAGE

The IMAGE will use the brand image:

Series links

Series links can be displayed in DEFAULT, IMAGE and in TEXT mode (with a custom text).

DEFAULT

The DEFAULT mode link to a series displayed like this

.

TEXT

For inlining the series link instead the TEXT display mode should be used:

.


With TEXT mode the link text can be controlled: .

IMAGE

The IMAGE will use the series image (if any):

Subseries links

Subseries links can be displayed in DEFAULT, IMAGE and in TEXT mode (with a custom text).

DEFAULT

The DEFAULT mode link to a subseries displayed like this

.

TEXT

For inlining the subseries link instead the TEXT display mode should be used:

.


With TEXT mode the link text can be controlled: .

IMAGE

The IMAGE will use the subseries image (if any):

Text links

You can easily create text links, for example to a brand:

.


To a series , to a subseries or event a category tag like: ERROR: Cannot find linked website tag [l:9 blowout]!.

External links

You can also include external links in the text. This for example

is an external link.

Internal link

You can also link to internal pages

or directly to an article too! Like this

PDF

We can link to a PDF by including it as External URL and pointing to the datafile.This way you can create links to point fo files like this:

---

Polls

The product was not found!