Skip to main content
All CollectionsQuick Start & First Steps
Understanding Page and Album Layouts in Vsble
Understanding Page and Album Layouts in Vsble

Regular & Style Modes ( in V2 templates)

Updated this week

Vsble offers two main types of pages to showcase your images and videos:

  1. Album Collection Pages – These pages organize and display albums containing images and videos.

  2. Simple Pages – These pages display images and videos directly, without organizing them into albums.

Each template comes with a unique design for both page types and album layouts, ensuring that your portfolio maintains a cohesive and visually appealing structure. In addition to template-specific designs, you have flexible customization options that allow you to fine-tune the display of your content.

Customizing Page and Album Layouts

Vsble allows for two levels of customization:

  1. Template-Specific Designs – Each template has its own predefined style for pages and albums, ensuring that they align with the overall aesthetic of the selected template.

  2. Regular Settings – These options provide additional control over how images, videos, and albums are displayed, independent of the template’s built-in style.

Here is Sevilla Lyon Album Collection Mode in "Style Mode" on desktop:

You can access the Album Collection Page settings, and change them for example to Regular mode with 3 Row-Grid on Desktop:

The result:

⚡️Remember: you can set the page layouts separately for Desktop and Mobile. Ex. The Desktop page can be in Style mode and the mobile in Regular with a 2 row-grid.

Regular Modes for Pages

For both Album Collection Pages and Simple Pages, you can customize how your content is arranged using grid settings:

  • 2, 3, 4, 5, or 6-column grids – This determines how many images or albums are displayed per row.

  • Separate layouts for desktop and mobile – Ensures better optimization for smaller screens.

Regular Mode for Albums

For Album Collection Pages, you can choose from the following display modes:

  • Vertical Mode – Albums are stacked in a vertical layout.

  • Horizontal Mode – Albums are placed in a scrollable horizontal row.

  • Grid Mode – Albums are arranged in a grid-style display.

This allows for a consistent and visually organized presentation, whether viewed on a desktop or mobile device.

Here is Berlin Album in "Style" mode for Desktop

By going to the Album Collection Page settings, under Display Album Mode Tab, we can change this to a grid view of the album ( or alternatively vertical or horizontal scrolling mode)

The result for the album view in 5 row grid mode:

Separate Customization for Desktop and Mobile

Vsble provides full flexibility in setting different display modes for desktop and mobile. This ensures that your portfolio is:


Optimized for all devices
Responsive and user-friendly
Visually consistent across platforms

You can define separate layouts for:

  • Page grids (number of columns per row)

  • Album display mode (vertical, horizontal, grid)

This level of control helps create a seamless experience for visitors, whether they are browsing on a computer, tablet, or smartphone.

Did this answer your question?