MERIMAG Theme Documentation : MERIMAG

Introduction

Thank you for choosing MERIMAG theme. We have worked hard to make this theme powerful and easy to use, we will continue to support it and adding new features to it for our clients

General information

WordPress Information

To use this theme you must have WordPress engine installed. We assume you have a working version of WordPress already up and running. If not, you can check this great tutorial guiding you through the process of WordPress installation.

How to install WordPress - A tutorial on how to install WordPress on your hosted domain.

We also encourage you to actively use the links below. These useful resources cover most of general WordPress questions you may have:

Wordpress FAQ - Information and resources about WordPress including history, features, semantics, glossary, and information to help you determine whether or not WordPress is the blogging tool for you.
Wordpress Lessons - Great source of knowledge for WordPress beginners
PHP Function References - Detailed information on WordPress PHP functions and usage examples

Theme requirments

To use this theme you must be running WordPress 4.0 or higher, PHP7.3 or higher. If you use hosting with limited resources (like the lowcost shared hosting providers), you may experience issues with one-click dummy data installation feature.

We recommend you to contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

max_execution_time 600
memory_limit 256M or 512M
post_max_size 32M
upload_max_filesize 32M

If you are running unmanaged dedicated server or VPS, you should check your php.ini file. Alternatively, you can edit .htaccess file in the root of your website and add the following values:

    php_value max_execution_time 600
			    php_value memory_limit 256M
			    php_value post_max_size 32M
			    php_value upload_max_filesize 32M

Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plugins.

IMPORTANT! To avoid any errors that might come up during the installation we recommend to have memory limit set up to 512M.

Common issue ( Missing stylesheet )

A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly.

Get started

Install theme

Installing From the WordPress Dashboard

Download the zipped theme pack to your local computer and extract the ZIP file contents to a folder on your local computer.
Log into your WordPress admin panel and click on the “Appearance” tab.
Now click on the "Add New" button.
Click on the "Upload" tab, click "Choose File" and select MERIMAG.zip in the extracted folder then click "Open".
Click the "Install Now" button.
Activate the theme from this page by clicking "Activate", or "Return to Themes Page" and activate from there

Uploading via FTP

Download the zipped theme pack to your computer and extract the ZIP file to a folder on your computer.
In the extracted folder you will find 'MERIMAG.zip'. Extract this file .
Using an FTP client to access your host web server
Upload the Theme files in the extracted folder called 'MERIMAG' to wp-content/themes directory provided by WordPress.
Visit Admin panel -> Appearance -> Themes, look for the MERIMAG theme thumbnail, then click the Activate button to activate the theme.

Install plugins

MERIMAG Theme requires some plugins and recommand also some plugins, to make sure you will profit of all the fonctionnalities of the theme you have to install all recommanded and required plugins.

To do this you have to go to your wordpress Dashboard -> MERIMAG theme -> Install plugins

Select all plugins on the list or at least the required ones and on the bulk actions select box on the top left of the plugins list table select 'Install', and then click the button beside it 'Apply', or you can install one by one.

Install demos

If you want a quick start you can install demos content, by going to your wordpress Dashboard -> MERIMAG theme -> Install demos

Install demos requires 'Import demos' plugin to be installed and activated, and also you have to install all required plugins before starting this action.

Please note: When have already installed a demo and you want to install a new one the old demo content and data will be removed, please make sure you have a backup before doing this.

Select witch part of the demo you want to install

Content: install wordpress demo posts, categories, tags, products if you have woocommerce installed
Settings: install demos customizations like skin, backgrounds, typography and fonts...
Widgets: install demos custom widgets
Home page: install home page content for elementor page builder

Theme navigations

To create Navigation menus please follow this steps

Navigate to Dashboard -> Appearance -> Menus
Create new menu
Add menu elements from the left of the page, you can add pages, posts, categories or custom links
After adding all elements, select menu where you want to display the menu
Save the settings by clicking on save menu button on the bottom right of the page

Mega menus

To create mega menus please follow this steps

Navigate to Dashboard -> Unyson
In the list of available extensions download Mega Menu extension
Navigate to Appearance -> Menus -> Select the menu that you want to make it display mega menus
Add items to the menu like described above and open the menu item that you want to make it display mega menu
Check the case "Use as mega menu" and click the settings button that will display after you check the case
In the option mega menu content by default it displays children elements in columns layout you can choose the number of columns, and you can choose category grid to display posts if the selected item is a posts category

Home page

Create home page

To create your home page go to wordpress Dashboard -> Pages -> Add new
In page edit screen go to page attributes and find template box and select 'Builder template' as template.
After saving page template click on the button on the top "Edit with elementor", if the button don't appear make sure you have installed and activated elementor plugin.
In the elementor plugin edit screen you can start adding widgets, MERIMAG widgets are separed in a section in the widgets list called MERIMAG.
Drag and drop the widgets to the page and start creating an awesome home page using our beautifully designed widgets
Bellow you will find a brief description of all unique widgets that you can use in your pages, and we let you discover the possibilities.

Available widgets

About site

Show your besiness or personal infos with social icons in multiple layouts

Alert

Show alert messages with icons and color selection

Action

Show call to action with multiple layouts

Button

Show button with multiple styles

Multi buttons

Show multi buttons side by side with multiple styles

Divider

Show divider with multiple styles

Dropcap

Show dropcap with multiple styles

Spacing

Empty spacing to separe content

Heading

Add headings to your design

Special Heading

Add special headings to your design over 15 styles

Menu items

Add custom menu to your design

Custom content list

Add custom list with icons to your design

Tabs

Add custom tabs to your design

Accordion

Add custom accordion to your design

Icon

Add icons in multiple styles

Icon box

Custom text and icon to highlight your content

Search

Search box can be added to your pages

Team member

Add team member to your design

Author

Wordpress author infos and social networks

Authors list

Wordpress authors infos and social networks

Slider Gallery

Nice image gallery with multiple options

Tiles Gallery

Nice tiles image gallery with multiple options

Grid Gallery

Nice tiles masonry image gallery with multiple options

Carousel Gallery

Nice carousel image gallery with multiple options

Mailchimp form

Add mailchimp form you your pages

Embed

Embed content from multiple sources, see <a href="https://wordpress.org/support/article/embeds/">This article</a> for more infos

Video

Add responsive self hosted video or external video from youtube, vimeo and more

Image

Simple image

News ticker

Show posts news ticker that scroll beautifully

Posts mix

Show your posts in more than 20 layouts mixed

Posts carousel

Show your posts in carousel with easy configuration

Posts grid

Show your posts in grid style with multiple ways and a lot of options

Simple posts grid

Show your posts in grid style with multiple ways and minimum options

Posts list

Show your posts in list style with multiple ways and a lot of options

Simple posts list

Show your posts in list style with multiple ways and minimum options

Posts slider with thumbs

Show your posts in a slider with thumbnails, 5 styles available

Posts slider

Show your posts in a slider with a lot of options

Products carousel

Show your posts in a carousel with a lot of options

Products grid

Show your products in a grid with a lot of options

Products list

List your products with a lot of options

Tabbed widget

Show recent posts, popular posts and latest comments in tabs

Popular categories

Show popular categories

Quotation

Add beautiful quotations to your design, more than 11 styles

Product eview

Add product reviews to your design

Social icons

Add social icons to your design with a lot of options

Categories carousel

Add your categories with image and posts count in carousel

Categories grid

Add your categories with image and posts count in grid

Product categories carousel

Add your product categories with image and products count in carousel

Product categories grid

Add your product categories with image and products count in grid

Video playlist

Add video playlist to your design, support youtube, vimeo and custom uploads

Contact infos

Add contact infos to your design

Image box

Add attractive image with text in different styles

Add Wordpress native menu

Grid system

MERIMAG Grid system is a powerful tools that make life easier for creating posts and products grids with unlimited custom designs, bellow you will find a tutoriel on how to use this system.

In Elementor, page builder you will find a list of elements that use this system, like Posts grid, Products Grid, Posts list, Products List, Posts Carousel, Products Carousel and Posts Mix.

Here is the complete list of options for this grid system, you will find all of this options in some elements, and less options in others depends on elements needs.

General options

Number of columns

Number of columns can be 2, 3, 4 or 5 columns

Block Style

Change the look of items, there is more than 5 styles

TEXT
SIMPLE
MODERN
ABSOLUTE
IMAGE
LEFT-CLASSIC
RIGHT-CLASSIC
LEFT-RIGHT-CLASSIC
RIGHT
LEFT

Image aspect ratio

For a responsive images height use this option to keep images ratio in all screens

Image height

For fixed height image add a desired height of image to this box

Image dimensions

For best appearance select the desired image size to keep the images appear in the best resolution

Title size

Control the post/product title size

Title typography

Control the post/product title size and appearance

Show description

Show the post/product description

Border separator

Show separator between elements

Bordered block

Make elements with a border for a different looking

Show order number

Show order number nicely

Show read more

Show read more button bellow the elements

Show category

Show post category

Show post format icon

Show format icon for video posts

Show review score

Show review score nicely for reviews posts

Review display style

Select the display style for review scores

Meta infos

Control meta infos to display like date - author - comments ...

Spacing

Control the spacing between the elements

Masonry layout?

Display elements in masonry layout easily just by checking this box, and also you have to set a fixed image height to be the minimum image heights for masonry layout

Title length

Title number of characters

Title lines

Title maximum number of lines

Desciption length

Desciption number of characters

Desciption lines

Desciption maximum number of lines

Pagination

Select Pagination type

Colorful image layer

Add colorful layour above elements images to add a nice looking elements

Query and filters

Filter Title

Main filter title recomanded if you have added filters

Filter icon

Main filter icon recomanded if you have added filters with icons

Order by

Select how you want to order items

Order

Ascending or descending order can be selected from here

Include

Select specific posts or products

Exclude

Exlude specific posts or products

Offset

Number of items to load

Period

Select only items from a defined period

Only review posts

Select only posts that have review

Post format

Select only posts with a specific post format

Tag

Select posts from a specific taxonomy

Number of posts

Select number of posts

Load on mouse over

If you have filters select yes if you want to load items on mouse over or no for click

Filters style

Select how you want to show filters

Add AJAX filter

Add ajax filters here and select different queries for each filter

Query and filters ( For products blocks )

Filter Title

Main filter title recomanded if you have added filters

Filter icon

Main filter icon recomanded if you have added filters with icons

Order by

Select how you want to order items

Order

Ascending or descending order can be selected from here

Include

Select specific posts or products

Exclude

Exlude specific posts or products

Offset

Number of items to load

Period

Select only items from a defined period

On sale products

Select only on sale products

Product type

Select posts from a specific taxonomy

Product visibility

Select posts from a specific taxonomy

Color

Select posts from a specific taxonomy

Taxu de nicotine

Select posts from a specific taxonomy

Number of posts

Select number of posts

Load on mouse over

If you have filters select yes if you want to load items on mouse over or no for click

Filters style

Select how you want to show filters

Add AJAX filter

Add ajax filters here and select different queries for each filter

Styling

Ignore general style

Select yes you want to not use the general style applied from customizer

Block heading style

Choose custom block title style

Block principal color

Primary color that will be used in styling elements

Background

Background color

Gradient background

Background gradient

Image background

Background image

Background position

Background repeat

Background attachment

Background size

Padding

Block padding

Margin

Block margin

Border width

Border color

Border style

Text color

Links color

Links hover color

Borders color

Borderds color

Buttons color

Sliding options

Auto play

Auto play speed ( ms )

Show dots

Show arrows ( on hover )

Infinite loop

Animation speed ( ms )

Carousel sliding options

Visible slides

Sliding slides

Auto play

Auto play speed ( ms )

Show dots

Show arrows ( on hover )

Infinite loop

Animation speed ( ms )

Animating options

Animation

Animation speed

Shortcodes

MERIMAG comes with a lot of shortcodes that you can use in wordpress normal editor and also compatible with Gutenberg editor via the classic editor block, the awesome thing about MERIMAG is that you can edit them easily like you do in a page builder.

To use MERIMAG

Navigate to Dashboard -> Unyson
In the list of available extensions download "WordPress Shortcodes" extension
In the wordpress editor find this button
For the Gutenberg editor you can add Classic Editor block to add MERIMAG shortcodes
The list of shortcodes will appear
Click on the shortcode that you want to add on your post / page and cofigure the options as you like
The shortcode will be added to the editor content, click on it if you want to edit options

Theme settings

You can customize theme via theme settings panel, you can customize everything as you like, you will find a lot of options, below you can find the list of all things that you can customize.

You can access to the theme settings panel via worpdress dashboard -> appearance -> theme settings.

General

General settings

General

Container layout

Container layout can be wide or boxed

Loading animation

Choose from 12 loading animations, it appears on ajax tabs loading or ajax pagination

Block heading style

Choose from over 14 block title styles

Enable breadcrumbs

Breadcrumbs appears above page title in all posts, pages, archives, activate it may help in seo and also can optimize user experience in your site

Sticky sidebar

Activate sticky sidebar can improve user experience and improve sidebar ads visibilty

Sticky header

Activate sticky header to improve user experience

Sticky header on mobile

Activate sticky header to improve user experience

Enable cache

Activate cache for high site performance, this is a theme part cache option to cache all queries and css parse

Show author meta

Show or hide post authors

Logo

You can set the main logo for your site, there is also options to set different logos for sticky header, mobile header and google amp logo

Site logo

The main logo

Site logo maximum height

The main logo maximum height

Sticky header logo

The sticky header logo

Sticky header logo height

The sticky header logo maximum height

Mobile header logo

The mobile header logo

Mobile header logo maximum height

The mobile header logo maximum height

AMP logo

The mobile amp header logo

AMP logo maximum height

The mobile amp header logo maximum height

Header

Header style

Choose from 10 header styles, beautifuly designed for all site purposes

Header Spacing

Set the spacing before and after the site logo

Header contact infos

Activate header contact infos, very useful if your site is an online shop, you can add your contact infos in the contact infos section

Header search

Activate header search, very useful if your site is an online shop to help customers find your products

Header cart icon

Activate header cart icon, very useful if your site is an online shop to help customers view what they actualy added to there cart easily

Header account link

Activate header cart icon, very useful if your site is an online shop to help customers access there account to view there orders

Header social links

Show your social links in the header to improve visibilty of your social profiles, you can set your social profiles in the social links section

Header stacked icons

Show header icons in another nice way to make them more attractive

Sticky header

Sticky Header Spacing

Set the spacing before and after the site logo

Sticky Header contact infos

Activate sticky header contact infos, very useful if your site is an online shop, you can add your contact infos in the contact infos section

Sticky Header search

Activate sticky header search, very useful if your site is an online shop to help customers find your products

Sticky Header cart icon

Activate sticky header cart icon, very useful if your site is an online shop to help customers view what they actualy added to there cart easily

Sticky Header account link

Activate sticky header cart icon, very useful if your site is an online shop to help customers access there account to view there orders

Sticky social links

Show your social links in the sticky header to improve visibilty of your social profiles, you can set your social profiles in the social links section

Sticky Header stacked icons

Show sticky header icons in another nice way to make them more attractive

Sticky header logo

Active this option to show the logo in the sticky header, if you choose no only menu and other elements that you have activated will show

Main menu

Enable main menu

You can disable main menu

Main menu search

Show search form or icon in the main menu bar

Main menu contact infos

Show your contact infos in the main menu bar, you can set your contact infos in the contact infos section

Main menu cart icon

Show woocommerce cart icon in the main menu bar

Main menu account link

Show account link in the main menu bar

Main social links

Show social icons in the main menu bar, you can set social profiles in social links section

Main menu stacked icons

Stacked icons is a nice way to show search, cart and account icons in the main menu bar

Main menu items hover effect

Choose from 4 ways to display items when the user pass the mouse over a main menu item

Top menu

Enable top menu

Show to menu

Show date

Show today's date, a nice thing if your site is news site

Show social icons

By default social links will show at the end of the top menu, you can set your social profiles in the social links section

Top menu text

You can display custom text in the top menu bar, maybe useful for you

Top menu items hover effect

Choose from 4 ways to display items when the user pass the mouse over a top menu item

Show top menu on mobile

Enable this option if you want to display top menu in mobile screens

Show date on mobile

Enable this option if you want to display top menu date in mobile screens

Show social icons on mobile

Enable this option if you want to display top menu social icons in mobile screens

Show custom text on mobile

Enable this option if you want to display top menu text in mobile screens

Mobile header

Mobile Header search

Show search icon or from in mobile header

Mobile Header cart icon

Show cart icon in mobile header

Mobile Header account link

Show account link in mobile header

Mobile Header stacked icons

Show mobile header icons in another nice style

Mobile header center logo

Center logo in mobile header

Mobile menu panel

Show social icons

Show social icons in mobile menu panel, you can set your social profiles in the social links section

Show Logo

Show logo in mobile menu panel, you can set a custom logo for this area, in the section General -> Logo -> Mobile logo

Show search form

Show search form at the bottom of the mobile menu panel

Footer

Enable footer menu

Enable footer menu will show a menu that you have created in wordpress menus editor at the bottom of the footer beside copyrights, you can edit menus via Dashboard -> Appearance -> Menus

Enable footer widgets area

Enable this area at the top of the footer, you can customize this area by adding any available widget, you can add widgets via Dashboard -> Appearance -> Widgets

Enable footer about

Footer about is a section that show your logo or a custom logo with a text and your social links, you can customize it in the Footer about section

Enable footer trending tags

Show the popular tags in the footer may have a nice look and improve site seo, you can find more options for this area in the Footer tags section

Extra

Enable lazy image loading

Enable this options may improve page loading

Fake post views

Enable this to display fake post views...

Views Hot badge min number

Set the minimum number of the views for a post to have a hot badge

Views Popular badge min number

Set the minimum number of the views for a post to have a popular badge

Views Trending badge min number

Set the minimum number of the views for a post to have a trending badge

Theme color hot

Define custom color for theme hot badge

Theme color popular

Define custom color for theme popular badge

Theme color trending

Define custom color for theme trending badge

Theme color new

Define custom color for theme new badge

Theme color warning

Define custom color for theme warning badge

Theme color error

Define custom color for theme error badge

Theme color info

Define custom color for theme info badge

Header cart icon color

Define custom color for search icon

Header cart icon color

Define custom color for cart icon

Header account icon color

Define custom color for account icon

Layout

Can be left sidebar, right sidebar or no sidebar