MEC – Fluent-view Layouts Addon

Description

 

With this addon, you can easily customize the appearance of your events and shortcodes. Enjoy a seamless experience with its new user interface and user experience. In addition, it features over 20 different skins that are compatible with your devices. These skins are designed based on the latest design trends, allowing you to transform the look of your calendar in a magical way.

How to install the addon

To install MEC Fluent-view Layouts addon, please head over to your WordPress Dashboard > Plugins > Add New and upload, install, and activate the addon.

2 1 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 1
Fluent Addon
MEC – Fluent-view Layouts Addon 2

Fluent Style For Shortcodes

After installation, when creating a new shortcode, you need to set the Style option on Fluent. Some skins have more than one type, for example, Available Spot and Cover View. In order to make a shortcode, you can use the instruction we have provided here: How to create a new shortcode

4 1 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 3

To be able to display the filter’s geolocation options on your map, you need to go back to your event location in the Location menu and define the data for each event. Then, if you navigate to the list of your event locations in the MEC menu in WordPress, you’ll find that the above values have been accordingly added to the Locations

You can also use this addon for exclusive event shortcodes and display your events in a variety of ways.

6 1 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 4

Here you can see some examples:

8 1 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 5
10 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 6
11 1 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 7

In order to accomplish this task, navigate to the Shortcodes section and select the option to Add a Shortcode.

12 1 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 8

After creating the shortcode, set the skin option to Cover.

Then, from the Style menu, you can select the style you like.

Now you can see our gallery for the Fluent Layouts addon.

fluent view layouts addon masonry 1 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 9

The fluent style for Single Event skin

With this addon, you’ll be able to customize your Single Event page by choosing from pre-designed skins. This will save you time and effort.

You can select the Fluent type skin in MEC Settings > Single Event > Basic and save your changes. Once you create an event, the skin will be successfully applied. If you need help creating an event, please refer to this article: How to add a new event

fluent addon 001 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 10

Fluent-view Layout Styles

Also, When this plugin is enabled, You can see these options in this menu: Settings > Appearance.

  • Enabling this option removes the restrictions of layer heights in Fluent.
  • The main color of the Fluent addon, including icon color and title hover color.
  • This item manages secondary colors, i.e., the colors for items that are not main items.
  • Change button colors when hovering.
  • It is the color inside the shortcode and the sides. In some places, it is the normal color of the buttons.
  • Similar to the background color but for the filtering section – background hover buttons for the slider and similar things.

Note: If you want to use the default color, you must clear the color for this item.

fluent addon 002 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 11

And you can change the Thumbnail size and wrapper background color in the shortcode settings.

fluent addon 003 - Fluent-view Layouts Addon
MEC – Fluent-view Layouts Addon 12

For more details about this addon, please click on the “More Details” button, and for purchasing, you can click on the “Add to Cart” button to redirect to the Webnus checkout page.

There are no reviews yet.

Write a review

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.