Magazine Article Tutorial
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
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 is 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 Modular Systems.
TEXT
For inlining the category link instead the TEXT display mode should be used: Modular Systems.
With TEXT mode the link text can be controlled: TEXT link with a Custom Text.
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
Roland.
TEXT
For inlining the brand link instead the TEXT display mode should be used:
Roland.
With TEXT mode the link text can be controlled:
Custom Brand Link Text.
IMAGE
The IMAGE will use the brand image:
RolandSeries 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
Corpsmaster Bass.
TEXT
For inlining the series link instead the TEXT display mode should be used:
Corpsmaster Bass.
With TEXT mode the link text can be controlled:
Series with custom text.
IMAGE
The IMAGE will use the series image (if any):
Corpsmaster BassSubseries 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
Stratocaster.
TEXT
For inlining the subseries link instead the TEXT display mode should be used:
Stratocaster.
With TEXT mode the link text can be controlled:
Custom subseries link text.
IMAGE
The IMAGE will use the subseries image (if any):
StratocasterText links
You can easily create text links, for example to a brand:
Roland.
To a series
Series with custom text, to a subseries
Stratocaster or event a category tag like: Sale.
External links
You can also include external links in the text. This for example Click here is an external link.
Internal link
You can also link to internal pages Contact us or directly to an article too! Like this Magazine Article Tutorial
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: Gibson V6 Booklet
Polls
Comments (8)
