Support for CSS variables

We have added support for CSS variables holding custom values inserted by user in e-shop administration (theme colors, fonts, images). You can now refer to them in your stylesheets. Please note that Shoptet stylesheets do not use CSS variables internally, so default styles will be not modified by changing values of these variables.

For complete list of variables see section Tags and CSS variables not only for template colors.

Usage example

<!-- Anywhere in your CSS -->
.myClass {
    font-family: var(--template-headings-font), sans-serif;
    color: var(--color-primary);
}

Post navigation