Layout & modules

Layout and modules settings

From this menu you will be able to control your website layout settings, define image sizes, and control every single page element that may appear on your website.

To access layout and modules page from the secondary administrative menu select Preferences -> Layout & modules.

A new page containing detailed in element settings page will load.

Modules

Modules extend the capabilities of Vivvo giving the software new functionality. A Module is a piece of content that can be displayed anywhere that your template allows.

Modules tab

In this section you will be offered to define general modules options.

Layout settings

Vivvo is built on a multiple-layouts basis. It means that in order to make your site look different you have only to switch active layout. Presently there are four default layouts supported by Vivvo 4.0 but you can create as many as you want yourself or taking advantage of our web-design services.

In order to change the design of your site you have to edit the corresponding layout templates. Since Vivvo CMS designs are built on CSS files, you can customize every page element by editing single file.

Main layout styles are divided in three sections - home page, category pages and article display pages.

Layout settings

From the dropdown menu select the most appropriate option for each component. In this section you really need to experiment to get the best results!

Image size settings

In this panel you will be offered to predefine article image sizes.

Define maximum image width and height visible in the latest news section. The image uploaded will be automatically resized proportionally to these sizes.

There are two types of article images, full article image and article summary image.

Image size settings

You may define up to three different sizes of these images (Large, medium and small)

Remember to optimize your images before you upload them to your web site. Vivvo resizing component will only scale down your image to fit into predefined values. So, when you resize your image on your web page, you have done nothing to the file size.