Skip to main contentSkip to navigationSkip to search

Magazine Article Tutorial

Magazine Article Tutorial
6 years ago2
350
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
D'Addario XTE1046 Regular Light, 10-46
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.

Vídeos


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

D'Addario XTE1046 Regular Light, 10-46
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

Sistemas modulares
.



TEXT

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

Sistemas modulares
.


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

RolandRoland
.



TEXT

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

RolandRoland
.


With TEXT mode the link text can be controlled:
RolandCustom Brand Link Text
.



IMAGE

The IMAGE will use the brand image:

RolandRoland



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

Corpsmaster BassCorpsmaster Bass
.



TEXT

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

Corpsmaster BassCorpsmaster Bass
.


With TEXT mode the link text can be controlled:
Corpsmaster BassSeries with custom text
.



IMAGE

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

Corpsmaster BassCorpsmaster Bass



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

StratocasterStratocaster
.



TEXT

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

StratocasterStratocaster
.


With TEXT mode the link text can be controlled:
StratocasterCustom subseries link text
.



IMAGE

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

StratocasterStratocaster



Text links



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

RolandRoland
.


To a series
Corpsmaster BassSeries with custom text
, to a subseries
StratocasterStratocaster
or event a category tag like:
Rebajas
.



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

Contacto
or directly to an article too! Like this
Magazine Article Tutorial



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:

Gibson V6 Booklet






Polls



Por Rasael Bervini | 6 years ago
Editado por Rasael Bervini | 3 years ago
Education
Follow topics and keep up-to-date with the topics you care about.
Tech
Follow topics and keep up-to-date with the topics you care about.
Guide
Practical tips for everyday music-making—instrument care, gear setup, practice hacks, and more
Show all

Related articles you may find interesting

Comentarios (8)

to post a comment
Latest published
rasael
1 month ago
Este comentario está en italiano.
|
Member
1 month ago
Mi respuesta es en rumano.
|
MusiX
RasaelStaff
1 month ago
Gracias por sus comentarios, los aprecio mucho.
MusiX
RasaelStaff
1 month ago
Gracias por sus comentarios, los aprecio mucho.
Member
1 month ago
Y esto es otro más.
Member
1 month ago
También responder aquí
Member
1 month ago
Otro comentario.
Member
4 years ago
Prueba
MusiX
RasaelStaff
1 month ago
Sí, estás probando. Consulta este producto ACL Sinfonion
|